淘宝店铺装修
淘宝店铺滚动公告栏怎么制作?淘宝装修教程
2024-11-08  浏览:35

淘宝店铺滚动公告栏怎么制作?很多卖家看到别人家店铺店招底下有一段滚动的公告文字,问小编是怎么做出来的。下面小编就教大家制作淘宝店铺滚动公告栏,感兴趣的一起学习一下吧!

在很多的淘宝店铺里我们都能看到一些滚动的文字或者图片等,非常的精美实用。那么他们是如何制作出来的呢?

制作淘宝店铺滚动公告栏,我们需要用到滚动的一些HTML代码。

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

淘宝店铺滚动公告栏怎么制作

点击表格工具设置表格:

淘宝店铺滚动公告栏怎么制作

在下面弹出的框里设置表格的宽度为950像素。如果您要在左侧做公告栏的话,那么这里的宽度就要设置190像素。

淘宝店铺滚动公告栏怎么制作

点击确定后,我们在对下面的表格属性一栏里设置高度。如下图所示:

淘宝店铺滚动公告栏怎么制作

提示:这里的高度是根据我们制作的表格背景图来确定的。

淘宝店铺滚动公告栏怎么制作

设置好高度以后,然后在背景一栏里选择您的图片,如下面图片红色圈:

淘宝店铺滚动公告栏怎么制作

设置好背景图片以后,我们设置左对齐和顶端对齐,如下图所示:

淘宝店铺滚动公告栏怎么制作

在这里我们设置表格中文字滚动的区域:

淘宝店铺滚动公告栏怎么制作

我们设置的是3行3列的一个表格:

淘宝店铺滚动公告栏怎么制作

拖住虚线框来设置区域的大小:

淘宝店铺滚动公告栏怎么制作

然后在相应的区域里写入滚动的代码,代码如下图所示:

淘宝店铺滚动公告栏怎么制作

设置好代码后将背景图片上传到自己的淘宝图片空间里,更换背景图地址:

淘宝店铺滚动公告栏怎么制作

然后复制代码到您的淘宝店铺的自定义模块中即可:

淘宝店铺滚动公告栏怎么制作

这样,一个滚动字幕的公告栏就做好了。淘宝店铺滚动公告栏怎么制作小编就介绍完了,希望各位动手试试。

发表评论
0评