美化首页的代码及放置方法

首先声明：我不是专业人员，我所懂得的不一定比你们多，或许只是先实践了一步而已。我所知道的只是从照猫画虎的学习中的一点感悟，我也有许多的不明白，如有不妥之处，烦请高手指教，不胜感激！谢谢光顾过我博客的所有朋友们，真的谢谢你们！同时也希望你们在照猫画虎的学习中有更多的快乐体验。——非草

首先简单认识一下代码的作用及修改方法：

蓝色字体：例如LEFT: 23px——表示距屏幕左边的距离（数值越大越靠右）；TOP: 24px——表示距屏幕顶边的距离（数值越大越靠下）。

绿色字体：例如width=960——表示图片或动画的宽度；height=167——表示图片或动画的高度。（数值越大画面越大）

红色字体：例如http://www.xcwhw.cn/fla/yh/7.swf ——表示图片或动画的地址,用你喜欢的图片或动画地址覆盖它即可。

紫色字体：例如COLOR: #cc0099——表示字体的颜色。（FONT-SIZE: 18pt——表示字体的大小,数值越大字体越大）

黄色字体：例如输入你想写的字——表示输入所需要的文字。

酱色字体：例如357——表示此类播放器的序列号，更改数值就会显示不同的播放器。（制作个性的播放器）

湖蓝字体：例如http://www.360doc.com/content/10/0301/23/328003_17262511.shtml——表示链接文章的网址.用你喜欢的文章网址覆盖它即可。

温馨提示：

1、更改代码中的内容时，请千万小心：代码中一个小点或一个空格都不能少或多。例如：“…yh/7.swf type…”7和S之间有一小点，f和t之间有一个空格。同时还要注意文件的格式，标题上有标明。

2、首页顶图，最好在电脑中处理好再上传到图书馆。图片最佳尺寸：960 x 168（像素）

3、放置在首页的物件要考虑好它的大小和放在什么位置合适，不要挡住了其它按钮而影响使用。

4、可以将多个物件代码编辑好，放在同一个“自定义模块”模块里。若放置在首页的物件需要重叠，请把全部显示物件的代码放在被遮盖物件代码的下面。

5、代码中没有显示彩色的代码，最好不要更改，更改后的效果我也不知道会是怎样的。故再次提示操作时要仔细，没成功就重做，重做几篇你也可当老师。代码没问题，我已试过多次。

6、首先按“放置到首页的具体操作步骤”的方法操作，放一个到首页看看效果，找找感觉。

以下是实用代码(标题处的文字不要复制):

放置首页顶图（图片+文字）的代码：（支持格式：JPG、GIF）

<div style="LEFT: 23px; POSITION: absolute; TOP: 24px">

<div align=center>

<table style="WIDTH: 960px" height=169 cellSpacing=0 cellPadding=0 background=http://userimage2.360doc.com/10/0921/04/328003_20100921043330867.jpg border=0>

<tbody>

<tr>

<td>

<div align=center><span style="FONT-SIZE: 24pt; COLOR: #ff0000"><br>输入你想写的字</div>

</span>

<div>&nbsp;</div>

</td>

</tr>

</tbody>

<div></div>

</div>

</div>

放置首页顶端滚动文字的代码：

<div style="LEFT: 84px; POSITION: absolute; TOP: 1px">

<marquee style="WIDTH: 550px; style="COLOR: #cc0099" scrollAmount=2>输入你想写的字</marquee></div>

放置首页顶端滚动文字及图片的代码：（支持格式：JPG、GIF）

<div style="LEFT: 84px; POSITION: absolute; TOP: 1px">

<marquee style="WIDTH: 550px; style="COLOR: #cc0099" scrollAmount=2><a><font size=3><img src="//image11.360doc.com/DownloadImg/2010/03/2100/3328347_7.jpg" border=0></font></a></font>～～输入你想写的字～～</marquee></div>

放置首页动画的代码：（支持格式：SWF）

<div style="LEFT: 23px; POSITION: absolute; TOP: 950px"><embed style="WIDTH: 211px; HEIGHT: 113px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.xcwhw.cn/fla/yh/7.swf type=application/x-shockwave-flash wmode="transparent" autostart="1" quality="high"></div>

放置首页播放器的代码：（支持格式：MP3）

<div style="LEFT: 23px; POSITION: absolute; TOP: 1063px"><embed style="DISPLAY: block; WIDTH: 211px; HEIGHT: 106px; TEXT-ALIGN: center" src=http://www.zqzone.cn/show/mp3/swf/zQzone_cn357.swf?song=输入歌曲名&amp;autoStart=yes&amp;repeatPlay=yes&amp;mp3=http://news.newone.com.cn/tmp/achieve0901/pic/1.mp3&amp;.swf type=application/x-shockwave-flash loop="1" autostart="1" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"></div>

放置首页图片上带文字链接的代码：（支持格式：JPG、GIF）

<div style="LEFT: 23px; POSITION: absolute; TOP: 1169px">

<table height=150 cellSpacing=0 cellPadding=0 width=211 background=http://www.360doc.com/UserImage/974162/20100324173018359.jpg border=0>

<tbody>

<tr>

<td align=middle><a href="http://www.360doc.com/content/10/0301/23/328003_17262511.shtml" target=_blank><strong style="FONT-SIZE: 18pt; COLOR: #cc0099">

(视频)怎样添加首页左面的书架</strong></a></strong></td>

</tr>

</tbody>

</table>

</div>

放置到首页的具体操作步骤：

1、复制你要放置到首页的代码；

2、在首页点“撰写文章”，左下角有三个选项：编辑、代码、预览，点一下代码按钮后，在此代码状态下，点鼠标右键，在对话框中点粘贴（此时只能看到代码）；

3、按提示更改代码中需要更改的内容；（如试做看效果，可以跳过这一项，也就是不更改任何内容）

4、点三个选项中的编辑按钮（此时能看到实景。若要修改，再点代码按钮）；

5、在此编辑状态下，点鼠标右键，在对话框中点全选，将鼠标移到选中的蓝色字体上，点鼠标右键，在对话框中点复制；

6、在首页点“添加模块”，再点“自定义模块”，用鼠标在框中点鼠标右键，在对话框中点粘贴，再点确定按钮。OK！