前面已经讲了热身篇和基础篇,今天就讲一下应用篇,其实很多已经写了教程,一段时间的测试后,冰河的测试也基本完成.参考别人的一些成果分期把代码发给大家.
BANNER LOGO MENU 部分代码如下:
--------------------------------------------------------------------
<DIV> </DIV>
<style type=text/css>
body
{background:url(总体页面大背景处图片地址) repeat fixed!important;}
.logo
{background:url(题图上logo处背景图片地址) no repeat no scroll!mportant;}
.bodytop
{background:url(题图上横白条背景图片地址) no repeat no scroll!mportant;}
.logo{display:none;} //单独隐藏logo
.bodytop{display:none;} //单独隐藏顶部横白条
.logo,bodytop{display:none;} //同时隐藏logo和bodytop
.banner
{background:url(题图横幅栏处背景图片地址) no repeat no scroll!important;height:310px;}
//题图横幅的背景地址，height:310px;自定义横幅的高度来加宽横幅
.banner{background:#transparent;} //博客题图横幅变透明
.banner .title{margin-top:28px;margin-left:250px;font-weight:bold;}
//博客标题文字距离左侧和顶部的位置，字体为粗体
.banner .link{margin-top:15px;margin-left:350px;} //博客标题处的地址距离左侧和顶部的位置
.banner .title td{color:#0cf;font-size:40px;font-family:宋体;FILTER: glow(color=#000000,direction=2);} //博客标题文字大小，颜色，字体，阴影
.banner .link a,.banner .link td{color:#0cf;font-size:12px;font-family:宋体;filter: glow(color=#ECF5FF,direction=2);} //“博客地址﹥复制﹥收藏本页”文字大小，颜色，字体，阴影
.menu{display:none;} //隐藏菜单部分
.menu
{background:url(题图下菜单栏背景图片地址) no-repeat center;}
.menu a{color:#000;font-size:12px;font-family:宋体;} //菜单部分“HOME、登录、注册、搜索、帮助”颜色，大小，字体
.menu .text{color:#000;} //菜单部分“┆”符号的颜色
.menu .text a{color:#000;color:#0cf;font-size:12px;font-family:宋体;} //菜单部分“登录、注册、搜索、帮助”颜色，大小，字体 无HOME
.menu .home a{color:#000;} //菜单部分“HOME”颜色
</style>
--------------------------------------------------------------------
代码说明:
1.添加代码时可以删除说明性的文字.
2.标头题尾的<style type=text/css>和<style>不要删除!
代码添加方法：
1、控制面板→首页内容维护→自定义空白模板→新建→填写模块标题→显示源代码→粘贴代码→保存→返回。
2、控制面板→定制我的首页→添加模块→在刚才新建的模块标题前打勾→点击最下面的选取→点击保存设置。
网友评论