分享

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

 非草 2010-09-19

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

首先简单认识一下代码的作用及修改方法:
 
1 例如LEFT: 23px——表示距屏幕左边的距离(数值越大越靠右);TOP: 24px——表示距屏幕顶边的距离(数值越大越靠下)。
2 例如width=996——表示图片或动画的宽度;height=220——表示图片或动画的高度。(数值越大画面越大)
3 例如http://www.xcwhw.cn/fla/yh/7.swf ——表示图片或动画的地址,用你喜欢的图片或动画地址覆盖它即可。
4 例如COLOR: #cc0099——表示字体的颜色。(FONT-SIZE: 18pt——表示字体的大小,数值越大字体越大)
5 例如输入你想写的字——表示输入所需要的文字。
6 例如357——表示此类播放器的序列号,更改数值就会显示不同的播放器。(制作个性的播放器
7 例如http://www.360doc.com/showweb/0/0/322295053.aspx——表示链接文章的网址.用你喜欢的文章网址覆盖它即可。
 
温馨提示:
1、更改代码中的内容时,请千万小心:代码中一个小点或一个空格都不能少或多。
2、首页顶图,最好在电脑中处理好再上传到图书馆。图片最佳尺寸:996 x 220(像素)
3、放置在首页的物件要考虑好它的大小和放在什么位置合适,不要挡住了其它按钮而影响使用。
4、可以将多个物件代码编辑好,放在同一个“自定义模块”模块里。若放置在首页的物件需要重叠,请把全部显示物件的代码放在被遮盖物件代码的下面。
 
以下是实用代码:
 
定位到首页顶部动画的代码:
<DIV style="POSITION: absolute; TOP: 0px; LEFT: 0px" class=divBorderStyle>
<DIV>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height=220>
<TBODY>
<TR>
<TD>
<DIV align=center><EMBED height=220 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=996 src=http://upload./up2/1382062588_1939269685.swf wmode="transparent" autostart="1" quality="high"></DIV></TD></TR></TBODY></TABLE></DIV></DIV>
----------------------------------------------------------
 
定位到首页顶部(图片+文字)的代码:
<DIV style="POSITION: absolute; TOP: 0px; LEFT: 0px" class=divBorderStyle>
<DIV>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height=220>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="http://userimage3.360doc.com/13/0607/16/328003_201306071628460513.jpg" width=996 height=220></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV style="POSITION: absolute; TOP: 50px; LEFT: 0px" class=divBorderStyle>
<DIV>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height=40>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT style="FONT-FAMILY: 隶书; FONT-SIZE: 29px" color=#ff0000><STRONG style="FONT-FAMILY: ">我的图书馆</STRONG></FONT></DIV></TD></TR></TBODY></TABLE></DIV>
 -------------------------------------------------------
 
定位到首页顶部(图片+滚动文字)的代码:
<DIV style="POSITION: absolute; TOP: 0px; LEFT: 0px" class=divBorderStyle>
<DIV>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height=220>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="http://userimage3.360doc.com/13/0607/16/328003_201306071628460513.jpg" width=996 height=220></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV style="POSITION: absolute; TOP: 50px; LEFT: 0px" class=divBorderStyle>
<DIV>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height=40>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT style="FONT-FAMILY: 隶书; FONT-SIZE: 29px" color=#ff0000><marquee style="WIDTH: 550px; style="COLOR: #cc0099" scrollAmount=2>输入你想写的字</marquee></div></FONT></DIV></TD></TR></TBODY></TABLE></DIV>
------------------------------------------------------------------

放置首页图片上带文字链接的代码:
<DIV style="POSITION: absolute; TOP: 0px; LEFT: 0px" class=divBorderStyle>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height=220>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="http://userimage3.360doc.com/13/0607/16/328003_201306071628460513.jpg" width=996 height=220></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV style="POSITION: absolute; TOP: 10px; LEFT: 0px" class=divBorderStyle>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height=40>
<TBODY>
<TR>
<TD>
<DIV align=center><A href="http://www.360doc.com/showweb/0/0/322295053.aspx" target=_blank><STRONG style="COLOR: #cc0099; FONT-SIZE: 18pt">图书馆顶部装饰创意全景画</STRONG></A></STRONG></DIV></TD></TR></TBODY></TABLE></DIV>

 
放置到首页的具体操作步骤:
 
1、复制你要放置到首页的代码;
2、在首页点“撰写文章”,左下角有三个选项:编辑、代码、预览,点一下代码按钮后,在此代码状态下,点鼠标右键,在对话框中点粘贴(此时只能看到代码);
3、按提示更改代码中需要更改的内容;(如试做看效果,可以跳过这一项,也就是不更改任何内容)
4、点三个选项中的编辑按钮(此时能看到实景。若要修改,再点代码按钮);
5、在此编辑状态下,点鼠标右键,在对话框中点全选,将鼠标移到选中的蓝色字体上,点鼠标右键,在对话框中点复制;
6、在首页顶部点“装扮”,再点“自定义模块”,再点“高级自定义”,用鼠标在框中点鼠标右键,在对话框中点粘贴,再点确定按钮。OK!
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约