打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
美化首页的代码及放置方法
首先声明:我不是专业人员,我所懂得的不一定比你们多,或许只是先实践了一步而已。我所知道的只是从照猫画虎的学习中的一点感悟,我也有许多的不明白,如有不妥之处,烦请高手指教,不胜感激!谢谢光顾过我博客的所有朋友们,真的谢谢你们!同时也希望你们在照猫画虎的学习中有更多的快乐体验。——非草
首先简单认识一下代码的作用及修改方法:
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.meqzone.com/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!
你还可参阅:制作个性的播放器     颜色代码表    精美透明flash特效素材-花草植物系列
谁改变了世界     知识改变命运    心灵的呼唤      屁无色却有“味”    音乐歌曲之导航    健康来源于食物的平衡配搭     慧眼看世界     电脑知识大全     善言妙语之导航     空间美化之导航   时尚杂志随你看
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
宽幅边框
新编模板+首代码
典雅的纹理边框!--一定要收藏呀!
音画制作代码集(二)
几款制图代码
HTML语言的发全屏贴的代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服