淘宝旺铺装修之制作滚动公告栏。 网店装修网www.wdzxiu.com 在很多的淘宝店铺里我们都能看到一些滚动的文字或者图片等, copyright www.wdzxiu.com
非常的精美实用。那么他们是如何制作出来的呢? copyright 网店装修网(www.wdzxiu.com) 现在网店装修网就教大家来自己动手制作滚动公告栏。 网店装修网www.wdzxiu.com 制作的学习中一并学习到滚动的一些HTML代码。 copyright www.wdzxiu.com 如下图展示: copyright www.wdzxiu.com
首先打开我们下载的DREAMWEAVER软件,如下图: 本文来自网店装修网(www.wdzxiu.com)
![]() 点击表格工具设置表格:
![]() 在下面弹出的框里设置表格的宽度为950像素。如果您要在左侧做公告栏的话,那么这里的宽度就要设置190像素。
![]() 点击确定后,我们在对下面的表格属性一栏里设置高度。如下图所示:
提示:这里的高度是根据我们制作的表格背景图来确定的。
www.wdzxiu.com ![]() 设置好高度以后,然后在背景一栏里选择您的图片,如下面图片红色圈:
![]() 设置好背景图片以后,我们设置左对齐和顶端对齐,如下图所示:
![]() 在这里我们设置表格中文字滚动的区域:
![]() 我们设置的是3行3列的一个表格: 内容来自www.wdzxiu.com
![]() 拖住虚线框来设置区域的大小:
![]() 然后在相应的区域里写入滚动的代码,代码如下图所示:
![]() ![]() 设置好代码后将背景图片上传到自己的淘宝图片空间里,更换背景图地址: 本文来自网店装修网(www.wdzxiu.com)
![]() 然后复制代码到您的淘宝店铺的自定义内容区即可:
![]() 这样,一个滚动字幕的公告栏就做好了。您学会了吗?
本文来自网店装修网(www.wdzxiu.com) |

使用QQ登陆
RSS












