网店装修网欢迎您,我们是专门的网店装修网站,为您提供完全免费的网店装修教程、素材、模板、代码等。       注册会员 | 会员登录 | 使用QQ登陆| 存到桌面 |  RSS
当前位置: 主页 > 网店学院 > 装修教程 >

旺铺装修之自己制作滚动公告栏

时间:2012-02-05 16:33作者:网店装修网 点击:
淘宝旺铺装修之制作滚动公告栏。 如下图展示: 看到我吗?我会上下滚动哦! 看到我吗?我会左右滚动哦!

 淘宝旺铺装修之制作滚动公告栏。 网店装修网www.wdzxiu.com

在很多的淘宝店铺里我们都能看到一些滚动的文字或者图片等,

copyright www.wdzxiu.com

非常的精美实用。那么他们是如何制作出来的呢?

copyright 网店装修网(www.wdzxiu.com)

现在网店装修网就教大家来自己动手制作滚动公告栏。

网店装修网www.wdzxiu.com

制作的学习中一并学习到滚动的一些HTML代码。 copyright www.wdzxiu.com

如下图展示: copyright www.wdzxiu.com

 
 
         
      看到我吗?我会上下滚动哦! 内容来自www.wdzxiu.com
 
 
  看到我吗?我会左右滚动哦!
 
   
 

 首先打开我们下载的DREAMWEAVER软件,如下图:

本文来自网店装修网(www.wdzxiu.com)

点击表格工具设置表格:
在下面弹出的框里设置表格的宽度为950像素。如果您要在左侧做公告栏的话,那么这里的宽度就要设置190像素。
点击确定后,我们在对下面的表格属性一栏里设置高度。如下图所示:
提示:这里的高度是根据我们制作的表格背景图来确定的。

www.wdzxiu.com


设置好高度以后,然后在背景一栏里选择您的图片,如下面图片红色圈:
设置好背景图片以后,我们设置左对齐和顶端对齐,如下图所示:

 
在这里我们设置表格中文字滚动的区域:
我们设置的是3行3列的一个表格: 内容来自www.wdzxiu.com
拖住虚线框来设置区域的大小:
然后在相应的区域里写入滚动的代码,代码如下图所示:

设置好代码后将背景图片上传到自己的淘宝图片空间里,更换背景图地址: 本文来自网店装修网(www.wdzxiu.com)
然后复制代码到您的淘宝店铺的自定义内容区即可:

 
这样,一个滚动字幕的公告栏就做好了。您学会了吗?

  本文来自网店装修网(www.wdzxiu.com)

数据统计中!!
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名:密码: 验证码:点击我更换图片
自助广告