自定义二级页面模版完整代码【转贴蚊子】
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南代码特效→自定义二级页面模版完整代码【转贴蚊子】

自定义二级页面模版完整代码【转贴蚊子】
自定义二级页面模版完整代码【转贴蚊子】
之前给大家介绍过有关如何实现首页与二级页面模版同步的问题,但是文章里只介绍了实现同步方法,具体要改评论状态下模版的代码却没介绍,下面要发的自定义评论状态下模版的代码我感觉应该算是比较完整的了,是从昨天一大清早开始测的,由于时间关系今天中午才测试完毕,现在给大家公布全部代码。
记得一定要看后面的<-注意 !->部分。
 
<DIV>&nbsp;</DIV>
<style type=text/css>
body
{background:url(页面大背景图片地址) repeat fixed!important;}
 
.bodytop
{background:url(题图上/即那个横白条背景图片地址) no repeat noscroll!mportant;}
 
.banner
{background:url(大题图背景图片地址) no repeat noscroll!important;}
 
.bodybg
{background:url(页面内/文章部分背景图片地址) no repeat noscroll!important;}
 
.menu
{background:url(题图下的菜单背景图片地址) no-repeat center;}
 
.logo{display:none;} —隐藏自定义二级页面模版完整代码【转贴蚊子】
 
.bodytop{display:none;} —隐藏顶部那个横白条
 
.bannertable{background:#transparent;filter:alpha(opacity=85);border:0pxsolid #000;} —博客标题框变透明
 
.banner .titletd{color:#0cf;font-size:40px;font-family:宋体;FILTER:glow(color=#000000,direction=2);}—博客标题文字大小,颜色,字体,阴影
 
.banner .link a,.banner .linktd{font-size:13px;color:#0cf;font-family:宋体;filter:glow(color=#ECF5FF,direction=2);}—博客地址﹥复制﹥收藏本页文字大小,颜色,字体,阴影
 
.menu a{color:#000;}—菜单部分“HOME、登录、注册、搜索、帮助”颜色
 
.menu .text{color:#000;} —菜单部分“┆”符号颜色
 
.menu .text a{color:#000;}—菜单部分“登录、注册、搜索、帮助”颜色,无HOME
 
.menu .home a{color:#000;} —菜单部分“HOME”颜色
 
.add{background:#transparent;}—“发表文章”四个字背景透明,自己想加背景的话用
 
.add{background:url(背景图片地址) no-repeat right;}
 
.adda{color:#000;} —“发表文章”四个字的颜色
 
.article.title{color:#333;font-size:15px;font-family:宋体;font-weight:bolder;filter:shadow(color=gray,strength=3);text-align:center;!important;}—文章标题字体样式:颜色,大小,字体,加粗,阴影,居中
 
.photo .mid{background:url(个人形象照片处的背景图片地址);}—若弄透明用下面这个
.photo .mid{background:#transparent;}—形象照片处背景弄透明
 
.photo .infoText a{color:#000;}—形象照片下文字颜色(如γ蚊ж子ま的BLOG
 
.links .up{background:url(上翻时的图片地址);}—活力地带,我的文章分类,最近更新的BLOG列表标题上翻
.links .down{background:url(下翻时的图片地址);}—活力地带,我的文章分类,最近更新的BLOG列表标题下翻,如果标题上翻下翻要弄透明的话用下面这个代码
 
.links .up,.links .down{background:#transparent;}—标题上翻,下翻弄透明
 
.links a{color:#000;}—“标活力地带,我的文章分类,最近更新的BLOG列表”颜色
 
.links .text{color:#000;}—活力地带下“个人首页,控制面板,我的文章,我的相册,给我留言”及“我的文章分类,最近更新的BLOG列表”下各链接文字的颜色
 
.article .up{background:url(上翻时的图片地址);}—文章标题上翻
 
.article .down{background:url(下翻时的图片地址);}—文章标题下翻,如果标题上翻,下翻要弄透明的话用下面这个代码
 
.article .up,.article .down{background:#transparent;}—文章标题上翻,下翻弄透明
 
.article.time{color:#000;} —文章发表时间的颜色
 
.article .function a{color:#000;}—“评论,引用,阅读,打印”颜色
 
.article .function td{color:#000;}—评论,引用,阅读,打印中的“┆”符号颜色
 
.comment .title td{color:#000;} —“文章评论”四个字颜色
 
.comment .up{background:url(上翻时的图片地址);}—“文章评论”上翻背景
 
.comment .down{background:url(下翻时的图片地址);}—“文章评论”下翻背景,如果上翻,下翻背景要弄透明的话用下面这个代码
 
.comment .up,.comment.down{background:#transparent;} —“文章评论”四个字上翻,下翻弄透明
 
.comment.alt{color:#000;} —“以下网友留言只代表其个人观点,不代表新浪网的观点或立场”颜色
 
.comment .itema{color:#000;} —评论者名字颜色
 
.comment .iUp{background:url(上翻时的图片地址);}—评论者者名字上翻背景
 
.comment .down{background:url(下翻时的图片地址);}—评论者名字下翻背景,如果上翻,下翻背景要弄透明的话用下面这个代码
 
.comment .iUp,.comment.iDown{background:#transparent;} —评论者名字上翻下翻
 
.comment.iText{color:#000;} —评论内容颜色
 
.comment.iPubdate{color:#000;} —评论日期颜色
 
.comment .itemBodytd{color:#000;} —评论内容及日期颜色
 
.comment .pagea{color:#000;} —第(1/1)页颜色
 
.comment .pagespan{color:#000;} —当前页“1”颜色
 
.comment .postFSetlegend{color:#000;} —虚线框所在的“发表评论”四个字颜色
 
.comment .posta{color:#000;} —底部“发表评论”四个字颜色
 
.comment .postFSeta{color:#000;} —底部“发表评论”四个字颜色
 
.comment .postBoxa{color:#000;} —底部“发表评论”四个字颜色,以上三者用其一即可
 
.comment.post{background:#transparent;} —底部“发表评论”四个字背景弄透明,若要换那里的图片的话用
 
.comment .post{background:url(上翻时的图片地址);}—底部“发表评论”四个字背景
 
#loginname{color:#f00}—表评论部分“昵称”后面那个框里的字颜色
 
#homepage{color:#f00}—发表评论部分“主页”后面那个框里的字颜色
 
#checkwd{color:#f00}—发表评论部分“验证码”后面那个框里的字颜色
 
#content{color:#f00} —发表评论部分“内容”后面框里的字颜色,既人家要写的评论内容字的颜色
 
.article,.article .text{width:730px;}—更改文章部分宽度
.article .aBody table,.article .itemBox table{width:720px;}—更改文章部分宽度,比上者的值略小,若要相同其实也可以
 
.comment .item{width:730px;} —加宽后评论者名字左移
 
.comment .itemBody{width:750px;}—评论内容宽度,与上者共同使用可加宽评论区域宽度
 
.commentform{width:690px;} —“发表评论”所在的虚线框宽度,里面的宽度还没测出来
 
.comment.postBox{background:#transparent;} —“发表评论”区域透明
</style>
<- 注意!->
 
1、用的时候要把代码后面的注释文字删掉,哪段代码不要就删掉哪段代码,但是别忘了头尾的<styletype=text/css><style>,这个不能删,不能丢,要不代码就没效果了。
 
2、代码中有几个代码可以更改相同的部分,比如更改“底部‘发表评论’四个字颜色”就有三段代码,大家要看好代码,别多用了。还有有标题上翻,下翻背景代码跟弄透明部分代码,如果加了背景就别加弄透明代码了,同理如果加了弄透明代码就别加背景了。
 
3、代码中有的只提供更改文字的颜色,还可以更改文字的大小font-size,字体font-family,加发光字体特效等,具体就不讲了,最主要的是改颜色使文字看的见就行了。
 
4、<-这个至关重要!->
 
可能有些人以为有了这些代码可以做出跟首页不同的模版,注意到以上的代码中跟更改首页的代码有相同的部分,比如body,banner,body,bodybg,menu等,其中有一些会跟首页相冲突,具体哪些可以,哪些不可以还没细细研究,但至少现在知道menu,bodybg会冲突。哪些会冲突,哪些不会大家添加的时候看实际情况,如果冲突了最后去掉,或者冲突的部分用跟首页一样的代码,别太立异标新,否则会影响首页的效果而显示评论状态下的效果。
 
5、更改博客标题,文章标题代码中的参数,比如博客标题中:
 
color:#0cf;font-size:40px;font-family:宋体;FILTER:glow(color=#000000,direction=2);
 
其中“color:#0cf”表示标题的颜色,“font-size:40px”表示标题的大小,“font-family:宋体”表示字体,可以为楷体,华文行楷,隶书等,“glow”表示发光字体效果,“color=#000000”表示阴影颜色,“direction=2”表示阴影发光强度。哪个不要的话可以把哪个删了,比如我不要改字体,可以把font-family:宋体;删了,记得有个分号一起,这样删掉后就变成font-size:40px;FILTER...其中间只留一个分号。
 
6、代码是针对“轻描淡写”原始模版的模版进行测试得出的,基本上可以通用,如果用其他模版有哪些改不了的地方可以在此文章下给我留言。有关如何实现首页与二级页面同步的问题有不明白的地方也可以在此文章下给我留言。

代码都有了,至于如何实现首页与二级页面模版同步请参看此文章:
 
 
首页与二级页面模版同步的例子请看此文章:
 
所属分类:建站指南代码特效    作者:新浪博客    时间:2010-11-20 0:00:00

文章导航