

更改首页横幅上的博客标题颜色:<STYLE>.banner .title td{color:#000000;} </STYLE>
更改首页横幅上的博客地址颜色:<STYLE>.banner .link td{color:#000000;} </STYLE>
更改横幅下菜单文字颜色:<STYLE>.menu .text{color:#000000;} </STYLE>
更改横幅下HOME文字颜色:<STYLE>.menu .home a{color:#000000;} </STYLE>
更改形象照片下名字的颜色:<STYLE>.photo .infoText a {color:#000000;} </STYLE>
更改公告栏标题文字颜色:<STYLE>.callboard .title {color:#000000;} </STYLE>
更改所有模板标题文字的颜色:(不包括公告)<STYLE>.links .text {color:#000000;} </STYLE>
更改活力地带,文章分类,文章列表,链接文字,评论和留言人的名字颜色-<STYLE>.links td a {color:#000000;} </STYLE>
更改发表文章四个字的颜色:<STYLE>.add a {color:#000000;} </STYLE>
更改文章发表时间的颜色:<STYLE>.feeds .time {color:#000000;} </STYLE>
更改文章首页显示文字的颜色:<STYLE>.feeds .text {color:#000000;} </STYLE>
更改查看原文的颜色:<STYLE>.feeds .text a {color:#000000;} </STYLE>
更改首页文章标题的颜色:<STYLE>.feeds .title a {color:#000000;} </STYLE>
更改首页文章下的正文阅读处文字颜色:<STYLE>.feeds .function a {color:#000000;} </STYLE>
更改首页底部翻页文字的颜色:<STYLE>.feeds .page a {color:#000000;} </STYLE>
--------------------------------------------------------------------------------
一.自定义博客各部分超链接文字变色代码
<style type="text/css">a:hover {color:#f00;}</style>控制博客中所有超链接文字的变色效果
<style type="text/css">
.banner .link a:hover{color:#f00;} —题图处的博客地址、复制、收藏本页
.menu a:hover{color:#f00;} —菜单部分“HOME、登录、注册、搜索、帮助”
.menu .text a:hover{color:#f00;} —菜单部分“登录、注册、搜索、帮助”,无HOME
.menu .home a:hover{color:#f00;} —菜单部分“HOME”
.add a:hover{color:#f00;} —右上角“发表文章”四个字
.feeds .title a:hover{color:#f00;} —正文文章标题
.feeds .function a:hover{color:#f00;} —正文阅读处“固定链接、评论、引用、阅读”
.feeds .text a:hover{color:#f00;} —点击此处查看源文
.feeds .page a:hover{color:#f00;} —正文底部翻页处文字“2 3 4 5 6 >>”
.photo .infoText a:hover{color:#f00;} —形象照片处文字(如γ蚊ж子ま的BLOG)
.links td a:hover{color:#f00;} —活力地带处各链接,我的文章分类链接,最新文章列表链接,友情链接以及评论和留言人的名字,总的
来说就是侧栏所有链接
#zone你的博客ID a:hover{color:#f00;} —活力地带处各链接,也就是“个人首页,控制面板,我的文章,我的相册,给我留言”这几个字
,所谓博客ID就是你的博客未升级前博客地址后面的那一连串数字
#labelFM000011 a:hover{color:#f00;} —博客计数器下面的“订阅到RSS阅读器”
.gbook a:hover{color:#f00!important;} —留言本下留言者名字
.gbook .page a:hover{color:#f00!important;} —留言本翻页处“2 3 4 5 6 >>”
.gbook .text a:hover{color:#f00!important;} —留言内容中带链接的文字
.aList .list a:hover{color:#f00!important;} —文章列表下文章标题
.aList .page a:hover{color:#f00!important;} —文章列表翻页处“2 3 4 5 6 >>”
.serial .list a:hover{color:#f00!important;} —我的文章专集下文章标题
.serial .outline a{color:#f00!important} —我的文章专集下专集简介中带链接的文字
.serial table a:hover{color:#f00!important;} —我的文章专集下文章标题及简介中带链接的文字
</style>
二.自定义博客各部分文字颜色代码
<STYLE>
.menu a{color:#000000;} —菜单部分(HOME、登录、注册、搜索、帮助)
.menu .text{color:#000000;} —菜单部分(“┆”符号)
.menu .text a{color:#000000;} —菜单部分(登录、注册、搜索、帮助,无HOME)
.menu .home a{color:#000000;} —菜单部分(只HOME)
.callboard .title{color:#000000;} —我的公告栏标题文字
.sysHand .title{color:#000000;} —我的公告栏标题文字(与上面那个用其一即可,2006/11/16补充更新)
.links .text{color:#000000;} —模板标题文字(不包括公告栏)
.links .desc{color:#000000;} —模板上最新评论,最新留言的内容
#zone你的博客ID a{color:#000000;} —活力地带处“个人首页,控制面板,我的文章,我的相册,给我留言”这几个字,所谓博客ID就是你
的博客未升级前博客地址后面的那一连串数字(2006/11/16补充更新)
#zone你的博客ID .text{color:red;} —“活力地带”这四个字(2006/11/16补充更新)
.links td a{color:#000000;} —活力地带,我的文章分类,最新文章列表,友情链接以及评论和留言人的名字
.banner .title td{color:#000000;} —题图处的博客名字(如情留-γ蚊ж子ま,这个另一篇文章单独有教)
.banner .link a{color:#000000;} —题图处的博客地址、复制、收藏本页
.banner .link td{color:#000000;} —题图处的博客地址、复制、收藏本页之间的“??”符号
.photo .infoText a{color:#000000;} —形象照片处文字(如草尖露珠的BLOG)
.add a{color:#000000;} —右上角发表文章四个字
#labelFM000012 a{color:#000000;} —右上角发表文章四个字(与上面那个用其一即可,2006/10/8补充更新)
.feeds .time{color:#000000;} —文章发表时间
.feeds .text{color:#000000;} —文章正文文字
.feeds .text a{color:#000000;} —点击此处查看源文
.feeds .title a{color:#000000;} —文章标题文字
.feeds .function a{color:#000000;} —正文阅读处(固定链接、评论、引用、阅读)
.feeds .function td{color:#000000;} —正文阅读处(“┆”符号)
.feeds .page a{color:#000000;} —正文底部翻页处文字(第(1/12)页 2 3 4 5 6 >>)
.feeds .page span{color:#000000;} —正文底部翻页处文字(1,当前页)
.foot{color:#000000;} —页脚处文字(新浪BLOG意见反馈留言板等)
.foot p a,.foot center a{color:#000000;} —页脚处文字(与上者合起来为页脚处所有文字)
#labelFM000011 a{color:#000000;} —博客计数器下面的“订阅到RSS阅读器”(2006/11/21补充更新)
</STYLE>
三.自定义我的留言本各部分文字颜色代码
<style type=text/css>
.gbook .title{color:#f00 !important;border-top:3px dashed #f00 !important} —“我的留言本”几个字和顶部虚线样式
.gbook a{color:#f00 !important;} —留言者名字
.gbook .item a{color:#f00 !important;} —留言者名字,与上者用其一即可
.gbook .text{color:#f00 !important;width:600px;} —留言者留言内容、留言的日期这些字颜色以及留言部分宽度,宽度值得可根据自己
需要更改,无需改宽度的话把width:600px;删掉即可
.gbook .aAuthor{color:#f00 !important;} —留言回复者(即博主)的名字、回复的日期及“回复到:”几个字
.gbook .aText{color:#f00 !important;} —博主回复的内容
.gbook .postFSet{color:#f00 !important;} —未登陆时“提示:请使用以方便您与此处BLOG作者进行交流验证码:图案:悄悄话方式”这
几个字,若已登陆则是“验证码:图案:悄悄话方式”这几个字
.gbook .postFSet legend{color:#f00 !important;} —“给我留言和+点歌给朋友”这几个字
.gbook .page a{color:#f00 !important;} —留言本翻页处“第 (1/74) 页 2 3 4 5 6>>”及未登陆时“新浪BLOG帐号登录”这几个字
.gbook .page span{color:#f00 !important;} —留言本当前页“1”字
.gbook .text a{color:green !important;text-decoration:none !important;} —留言内容中带链接的文字
.gbook .text{width: 600px !important;} —留言内容宽度,宽度值得可根据自己需要更改,无需改宽度的话把width:600px;删掉即可
.gbook{width: 660px !important;} —“给我留言”几个字所在的虚线框的宽度,宽度一变,留言者的名字也会相应有所移动,宽度值得可
根据自己需要更改,无需改宽度的话把width:600px;删掉即可
.gbook .pTextarea{border:3px solid #f00 !important;width:452px !important;height:100px !important;} —写留言区域边框样式
.gbook .login div{border-top:1px dashed #f00 !important;width:452px !important;} —写留言区域上那条虚线样式,宽度
.gbook .dashed{border-top: 1px dashed #f00 !important;width:452px !important;} —各留言间的分割线样式,宽度
.gbook .dashed{border: 1px dashed #f00 !important;width:452px !important;} —各留言间的分割线样式,宽度,与上者有所不同,用
上者即可
.gbook .input{border:1px solid #f00 !important;} —“验证码:”几个字后面那个小框样式
.gbook .aSubmit{background:url("图片地址") no repeat no scroll!important;} —“回复”两个字所在的小图片,图片宽为81,高22,
注意这两个字是含在图片上的,如果更改图片,最好在图片上用PS或者画图程序加上这两个字,如果只单纯改图片图片上不会出现字。
.gbook .pSubmit{background:url("图片地址") no repeat no scroll!important;} —“发表留言”四个字所在的小图片,图片宽为81,高
22,注意这四个字是含在图片上的,如果更改图片,最好在图片上用PS或者画图程序加上这四个字,如果只单纯改图片图片上不会出现字。
.gbook .up{height:28px;background:url("上翻图片地址")!important;} —留言者名字上翻背景
.gbook .down{height:28px;background:url("下翻图片地址")!important;} —留言者名字下翻背景
.gbook .up{background:#transparent !important;} —留言者名字上翻弄背景为透明
.gbook .down{background:#transparent !important;} —留言者名字下翻背景弄为透明
.gbook .sysHand .up{height:28px;background:url("下翻图片地址")} —留言者名字上翻背景,同.gbook .up
.gbook .sysHand .down{height:28px;background:url("下翻图片地址")} —留言者名字下翻背景,同.gbook .down
.gbook .sysHand .up{background:#transparent;} —留言者名字上翻背景弄为透明
.gbook .sysHand .down{background:#transparent;} —留言者名字下翻背景弄为透明
.gbook .post{background:#transparent;} —“给我留言”区域弄为透明
.aList .sysHand .up{height:28px;background:url("上翻图片地址");} —文章分类列表标题上翻背景
.aList .sysHand .down{height:28px;background:url("上翻图片地址");} —文章分类列表标题下翻背景
.aList .sysHand .up{background:#transparent;} —文章分类列表标题上翻弄为透明
.aList .sysHand .down{background:#transparent;} —文章分类列表标题下翻弄为透明
</style>
四.自定义文章列表各部分文字颜色代码
<style type=text/css>
.aList{width:650px !important} —文章列表标题宽度
.aList .list{width:500px !important;} —列表文章标题部分宽度,与上者搭配使用可更改整个文章列表处宽度
.aList table{width:600px !important;} —文章列表处宽度,可同时改变列表标题和文章标题的宽度,若用此行代码,则不必用上面那两行
代码;不过建议用上面那两行代码而不用此代码,因为会有偏差使得两部分对不齐,但是也不是不能用,视具体情况而定。
.aList .sysHand .up{color:#f00;} —文章列表标题文字上翻时颜色
.aList .sysHand .down{color:#f00;} —文章列表标题文字下翻时颜色
.aList .up{color:#f00 !important;} —文章列表标题文字上翻时颜色
.aList .down{color:#f00 !important;} —文章列表标题文字下翻时颜色
#aListTitleALIST_你的博客ID{color:#f00;} —文章列表标题文字颜色(不分上、下翻)
.aList .up{background:url("文章列表标题上翻时背景") no-repeat center!important;}
.aList .down{background:url("文章列表标题下翻时背景") no-repeat center!important;}
.aList .sysHand .up{background:url("文章列表标题上翻时背景") no-repeat center;}
.aList .sysHand .down{background:url("文章列表标题下翻时背景") no-repeat center;}
.aList .up,.aList .down{background:#transparent important;} —文章列表标题上翻、下翻背景弄为透明
.aList .sysHand .up,.aList .sysHand .down{background:#transparent;} —文章列表标题上翻、下翻背景弄为透明
.aList tr{text-indent:8px !important;height:26px !important;} —列表文章标题与虚线的左右间距,上下间距(建议不用此代码!)
.aList .solid{border-bottom:1px dashed #f00 !important;} —列表文章标题间虚线的样式,其中1px表示虚线粗细,数值越大越粗;
dashed表示虚线,实线的话则用solid;#f00表示虚线的颜色。当然也可以改虚线的宽度,不过没必要单独更改其宽度,没必要。
.aList .list a{color:#f00 !important;text-decoration:none !important;} —列表文章标题颜色,其中text-decoration:none表示标题
文字无下划线,若要给其加下划下的话则用text-decoration:underline,默认为无下划线。
.aList .list .title{color:#f00 !important;text-decoration:none !important;} —列表文章标题颜色,同上
.aList .list td{color:#f00 !important;} —列表文章发表时间及文章标题前那个小方块“■”颜色
.aList .page a{color:#f00 !important;} —列表翻页处页数“第(1/11)页123456>>”颜色
.aList .page span{color:#00f !important;} —列表翻页处当前页“1”颜色
其实我们还可以给整个文章列表部分加背景:
.aList{background:url("背景图片地址") repeat center!important;}
还可以给列表翻页处加背景,不过这两个部分一般没必要再加背景,不一定好看:
.aList .page{background:url(("背景图片地址") repeat center!important;}
</style>
五.自定义我的文章专集各部分文字颜色代码
<style type=text/css>
.serial{width:600px !important;} —专集标题宽度(简单的说宽度加宽标题左移)
.serial table{width:600px !important;} —文章标题部分宽度,与上者搭配使用可更改整个专集宽度
.serial .box{width:600px !important;} —整个专集宽度(即可同时改变专集标题宽度和专集文章标题部分宽度,若用此行代码,则不必用
上面那两行代码)
.serial .listTitle a{width:600px !important;} —整个专集宽度,同上
.serial .W336{width:350px !important;} —简介文字宽度
.serial .title{color:#f00 !important;} —专集标题颜色(控制所有专集标题颜色)
.serial .list a{color:#f00 !important;} —文章标题颜色
.serial .listTitle a{color:#f00 !important;} —文章标题颜色
.serial .list td{color:#f00 !important;} —文章编号颜色
.serial .listNo{color:#f00 !important;} —文章编号颜色
.serial .W336{color:#f00 !important;} —简介文字颜色(不包括简介中带链接的文字)
.serial .outline{color:#f00 !important} —简介文字颜色(不包括简介中带链接的文字)
.serial .W336 a{color:#f00 !important;} —简介中带链接的文字颜色
.serial .outline a{color:#f00 !important} —简介中带链接的文字颜色
.serial .total{border-top:1px dashed #f00 !important;border-bottom:1px dashed #f00 !important;} —文章篇数统计“当前连载文章
篇
数:** 篇”上下虚线的样式,其中border-top表示上虚线,border-bottom表示下虚线,1px表示虚线粗细,数值越大越粗;dashed表示虚线,
实线的话则用solid;#f00表示虚线的颜色
.serial table td{color:#f00 !important;} —专集标题,简介文字不包括简介中带链接的文字),当前连载文章篇数:** 篇及文章编号颜
色
.serial .box a{color:#f00 !important;} —简介文字颜色(不包括简介中带链接的文字),当前连载文章篇数:** 篇及文章编号颜色
.serial table a{color:#f00 !important;} —文章标题颜色及简介中带链接的文字颜色
.serial .box a{color:#f00 !important;} —文章标题颜色及简介中带链接的文字颜色
.serial .picBox,.serial .pic{width:180px!important;height:240px!important;float:left!important;} —更改专集照片的大小及位置
,float:left表示照片在简介文字左边,如果改为float:right的话则在右边,默认为左边
.serial .up{background:url("专集标题上翻时背景") no-repeat center !important;}
.serial .down{background:url("专集标题下翻时背景") no-repeat center !important;}
.serial .syshand .up{background:url("专集标题上翻时背景") no-repeat center;}
.serial .syshand .down{background:url("专集标题下翻时背景") no-repeat center;}
.serial .comm{background:url(背景图片地址) no-repeat !important;} —“查看评论”四个字背景,注意字与背景图是连在一起的,改背
景的话请自行在图片上用PS或者画图程序打上字



