淘宝店铺滚动公告栏怎么制作?淘宝装修教程

淘宝店铺滚动公告栏怎么制作?很多卖家看到别人家店铺店招底下有一段滚动的公告文字,问小编是怎么做出来的 。下面装修宅小编就教大家制作淘宝店铺滚动公告栏,感兴趣的一起学习一下吧!
在很多的淘宝店铺里我们都能看到一些滚动的文字或者图片等,非常的精美实用 。那么他们是如何制作出来的呢?
制作淘宝店铺滚动公告栏,我们需要用到滚动的一些HTML代码 。
首先打开我们下载的DREAMWEAVER软件,如下图:

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
点击表格工具设置表格:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
在下面弹出的框里设置表格的宽度为950像素 。如果您要在左侧做公告栏的话,那么这里的宽度就要设置190像素 。
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
点击确定后,我们在对下面的表格属性一栏里设置高度 。如下图所示:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
提示:这里的高度是根据我们制作的表格背景图来确定的 。
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
【淘宝店铺滚动公告栏怎么制作?淘宝装修教程】
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
设置好高度以后,然后在背景一栏里选择您的图片,如下面图片红色圈:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
设置好背景图片以后,我们设置左对齐和顶端对齐,如下图所示:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
在这里我们设置表格中文字滚动的区域:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
我们设置的是3行3列的一个表格:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
拖住虚线框来设置区域的大小:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
然后在相应的区域里写入滚动的代码,代码如下图所示:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
设置好代码后将背景图片上传到自己的淘宝图片空间里,更换背景图地址:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图
然后复制代码到您的淘宝店铺的自定义模块中即可:
淘宝店铺滚动公告栏怎么制作?淘宝装修教程

文章插图

淘宝店铺滚动公告栏怎么制作?淘宝装修教程

秒懂生活扩展阅读