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

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

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

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

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

      点击表格工具设置表格:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      这样,一个滚动字幕的公告栏就做好了。淘宝店铺滚动公告栏怎么制作小编就介绍完了,希望各位动手试试。更多关于淘宝店铺装修的内容可以在装修宅学习!

      推荐阅读:淘宝手机详情轻量化怎么生成?


    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

    ©Copyright ©2007-2017 www.kaitao.cn (开淘网) All Rights Reserved