【如何用自定义模块做一个滚动公告】新旺铺、拓展版通用
更新日期:2014/11/28 16:45:04    浏览次数:3970

需要先添加一个基础模块》》“自定义内容区”的模块。如下图:

 

然后点击“源码”按钮 

 

 

然后将下面代码粘贴上去:

 

<table width="950" border="0" cellpadding="0" cellspacing="0">

         <tr>

                   <td>

                            <marquee scrollamount="2" style="height:25px; line-height:25px; font-size:12px; color:#efefef; border:1px solid #ffffff; background:#000">

                                     修改成你的公告内容,修改成你的公告内容,修改成你的公告内容

                            </marquee>

                   </td>

         </tr>

</table>

然后再点一下 “源码”按钮  就可以看效果了。

 

修改公告内容的方法:

 

 

你可以双击文字进行修改公告的内容,如下图:

修改背景颜色、字体大小、边框颜色等方法:

 

修改设计需要修改代码了。大家可以先找到代码 style ,一般是在公告内容的上面一点就可以找到。 

 

style="height:25px; line-height:25px; font-size:12px; color:#efefef; border:1px solid #ffffff; background:#000000"

 

我们将上面的一些代码拿出来一一注释给大家看看:

=========================  我是打酱油的分割线  ==============================

 

height:25px;            高度设置,修改数字就可以

 

line-height:25px;      行高,设置成与高度一样可以实现垂直居中问题

 

font-size:12px;         文字大小,修改数字就可以。建议修改成双数的。比如12 14 16 18 等等。

 

color:#efefef;            文字颜色,需要修改 # 号后面的6位字符。如 现在的 efefef 修改成颜色代码即可。

                                 颜色代码获取方法: http://bangpai.taobao.com/group/thread/15077576-277475373.htm

 

border:1px solid #ffffff;  设置边框,其中数字表示边框的粗细。 #号后6位表示的是 边框的颜色,方法同上。

 

background:#000000     背景颜色。同样修改#号后6位字符,获取代码方法见上面的链接

 

 

 

正在加载,请稍后...