多语言展示
当前在线:646今日阅读:183今日分享:45

公告栏的制作方法

经常写博客,有时需要做临时通知。特别在首页安放的,要求美观、大方,这就需要做一个公告栏。这里介绍一种用代码制作公告栏的方法。
工具/原料
1

自己的博客

2

一组代码:

<DIV align=center>

<TABLE height=300  align=center cellPadding=0 cellSpacing=0 width=160 background=背景图地址 border=10> 

<TBODY>

<TR>

<TD width="100%"><font style="FONT-SIZE: 22px"><MARQUEE style="WIDTH: 160px; HEIGHT: 300px" scrollAmount=2 direction=up><FONT face=隶书 color=#FF0000 size=3>公告内容</FONT></MARQUE<A></A></TD></TR></TBODY></TABLE></DIV>    

方法/步骤
1

准备背景图。    就是公告栏的背景图。要求图片意境与你公告内容相融。宽度高度与公告栏的宽度高度相一致。

2

上传图片。    点“图片”、点“添加”、点要上传的图片、点“打开”、点“插入图片”

3

取得图片地址。    1、点“显示源代码”;    2、复制图片地址,放到“记事本”备用。

4

编辑。    1、清空编辑器;    2、将本文上面“工具/原料”给的那组代码复制,粘贴到编辑器;    3、将第三步备用的图片地址复制,粘贴至“背景图地址”那里,替换;    4、填写公告内容。

5

调整。    如果需要不同尺寸的公告栏,可自己调整。    第一组height和width分别是公告栏的高和宽。    第二组height和width分别是文字移动范围。    scrollAmount是文字移动速度。

推荐信息