|
美化首页的代码及放置方法（转载） 美化首页的代码及放置方法 首先声明：我不是专业人员，我所懂得的不一定比你们多，或许只是先实践了一步而已。我所知道的只是从照猫画虎的学习中的一点感悟，我也有许多的不明白，如有不妥之处，烦请高手指教，不胜感激！谢谢光顾过我博客的所有朋友们，真的谢谢你们！同时也希望你们在照猫画虎的学习中有更多的快乐体验。——非草 首先简单认识一下代码的作用及修改方法： 蓝色字体：例如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"> <div></div> 放置首页顶端滚动文字的代码： <div style="LEFT: 84px; POSITION: absolute; TOP: 1px"> <marquee style="COLOR: #cc0099" scrollamount="2">输入你想写的字</marquee></div> 放置首页顶端滚动文字及图片的代码：（支持格式：JPG、GIF） <div style="LEFT: 84px; POSITION: absolute; TOP: 1px"> <marquee style="COLOR: #cc0099" scrollamount="2"><a><font size="3"><img src="http://image11.360doc.com/DownloadImg/2010/03/2100/3328347_7.jpg" border="0"></font></a>～～输入你想写的字～～</marquee></div> 放置首页天气预报的代码： <div style="LEFT: 90px; WIDTH: 823px; POSITION: absolute; TOP: 165px; HEIGHT: 31px"><iframe style="WIDTH: 803px; HEIGHT: 27px" src="http://www./weather/weather.aspx?uid=&c=CHXX0008&l=zh-CN&p=CMA&a=1&u=C&s=4&m=0&x=0&d=5&fc=&bgc=&bc=&ti=1&in=1&li=2" frameborder="0" scrolling="no" allowtransparency=""></iframe></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./show/mp3/swf/zQzone_cn357.swf?song=输入歌曲名&autoStart=yes&repeatPlay=yes&mp3=http://news./tmp/achieve0901/pic/1.mp3&.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"> </div><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>输入你想写的字</span></div> <div> </div> </td> </tr> </tbody> </table><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></td> </tr> </tbody> </table> </div> 放置到首页的具体操作步骤： 1、复制你要放置到首页的代码； 2、在首页点“撰写文章”，左下角有三个选项：编辑、代码、预览，点一下代码按钮后，在此代码状态下，点鼠标右键，在对话框中点粘贴（此时只能看到代码）； 3、按提示更改代码中需要更改的内容；（如试做看效果，可以跳过这一项，也就是不更改任何内容） 4、点三个选项中的编辑按钮（此时能看到实景。若要修改，再点代码按钮）； 5、在此编辑状态下，点鼠标右键，在对话框中点全选，将鼠标移到选中的蓝色字体上，点鼠标右键，在对话框中点复制； 6、在首页点“添加模块”，再点“自定义模块”，用鼠标在框中点鼠标右键，在对话框中点粘贴，再点确定按钮。OK！ 你还可参阅：(视频)怎样添加首页左面的书架 首页顶图 制作个性的播放器 颜色代码表 精美透明flash特效素材-花草植物系列 因空间太窄，不能全显，全屏观看 请点击此按钮</div>
|
|
|
来自： 昵称15135085 > 《我的馆藏》
