【更改新浪博客“我的留言本”各部分字体颜色的代码】_博客代码

【更改新浪博客“我的留言本”各部分字体颜色的代码】(2007-05-24 00:29:48)

分类：新浪博客代码大全

【更改新浪博客“我的留言本”各部分字体颜色的代码】

可以点“给我留言”看看我的留言本是什么样子。

代码：

.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>

代码说明：

1、代码中color:#f00表示文字的颜色，颜色可以根据你自己的需要更改。

2、代码中有关虚线框或边框设置部分，比如border:1px solid #f00中1px表示边框粗细；数值越大越粗；solid表示实线，虚线的话则用dashed；#f00表示边框的颜色。

3、.gbook .text a{color:green !important;text-decoration:none !important;} —留言内容中带链接的文字

这段代码中text-decoration:none表示带链接的文字无下划线，如果改为text-decoration:underline则带链接的文字有下划线。

4、代码中

.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 type=text/css>和<style>，这个不能删，不能丢，要不代码就没效果了。

代码中只提供更改文字的颜色，还可以更改文字的大小font-size，字体font-family，加发光字体特效等，具体就不讲了，能改颜色使文字看的见就行了。

可以用以下代码测试一下：

.gbook{
width:550px;
text-align:center;
}
.gbook table{
width:100%;
font-size:12px;
}
.gbook .title{
font-weight:bold;
text-indent:12px;
color:#000;
line-height:30px;
height:40px;
border-top:1px dashed #6A6A6A;
}
.gbook .item{
height:27px;
line-height:27px;
text-indent:32px;
padding-top:2px;
color:#C90;
font-weight:bold;
}
.gbook .item a{
color:#C90;
font-weight:bold;
}
.gbook .iBody{
padding:0px 18px 5px 18px;
}
.gbook .pubdate{
color:#404040;
height:26px;
}
.gbook .text{
color:#996666;
padding:16px 0px;
}
.gbook .text a{
color:#666666;
text-decoration:underline;
}
.gbook .box{
padding:0px 26px 20px 26px;
}
.gbook .form{
margin:0px;
padding:0px;
border:0px;
}
.gbook .aTextarea{
width:370px;
border:1px solid #d0d0d0;
overflow:auto;
height:74px;
font-size:12px;
padding:6px;
}
.gbook .aAuthor{
padding:0px 52px;
color:#c07b74;
}
.gbook .aText{
padding:0px 0px 10px 52px;
color:#404040;
}
.gbook .post{
background:#fff;
}
.gbook .line{
display:none;
}
.gbook .login{
padding:8px 22px 8px 22px;
color:#858585;
}
.gbook .login div{
width:452px;
border-top:1px dashed #6A6A6A;
}
.gbook .input{
border:1px solid #d0d0d0;
}
.gbook .postBox{
padding:0px 20px 20px 20px;
}
.gbook .postFSet{
color:#222222;
border:1px dashed #999999;
}
.gbook .postFSet legend{
color:#000000;
font-weight:bold;
}
.gbook .pTextarea{
width:452px;
height:100px;
border:1px solid #d0d0d0;
overflow:auto;
padding:6px;
}
.gbook .page{
height:40px;
}
.gbook .page td{
color:#858585;
}
.gbook .page a{
color:#000;
margin:0px 5px;
}
.gbook .up{
background:url('http://image2.sina.com.cn/blog/tmpl/v3/theme/3/images/box_2/1Up.gif') no-repeat;
}
.gbook .down{
background:url('http://image2.sina.com.cn/blog/tmpl/v3/theme/3/images/box_2/1Down.gif') no-repeat;
}
.gbook .ico{
width:11px;
height:10px;
background:url('http://image2.sina.com.cn/blog/tmpl/v3/theme/3/images/gbook/answerICO.gif') no-repeat;
}
.gbook .del{
width:11px;
height:10px;
background:url('http://image2.sina.com.cn/blog/tmpl/v3/theme/3/images/del.gif') no-repeat;
}
.gbook .aSubmit{
width:66px;
height:22px;
background:url('http://image2.sina.com.cn/blog/tmpl/v3/theme/3/images/gbook/1Answer.gif') no-repeat;
}
.gbook .dashed{
border:0px;
border-top:1px dashed #6A6A6A;
height:10px;
line-height:10px;
}
.gbook .pSubmit{
width:81px;
height:22px;
background:url('http://image2.sina.com.cn/blog/tmpl/v3/theme/3/images/gbook/1Post.gif') no-repeat;
}
.gbook .page{
color:#858585;
}
.gbook .page a{
margin:0px 5px;
color:#858585;
text-decoration:none;
}
.gbook .page span{
margin:0px 5px;
color:red;
font-weight:bold;
}

</style>

【更改新浪博客首页各部分面板文字颜色的代码】 http://blog.sina.com.cn/u/446ae4ee010006ta

【更改新浪博客首页标题字体大小和颜色的代码】 http://blog.sina.com.cn/u/446ae4ee01000755

【更改新浪博客“我的留言本”各部分字体颜色的代码】 http://blog.sina.com.cn/u/446ae4ee010007rz

博客代码尽在 http://www.bkdm.cn/

非主流图片制作软件 加入博客展示免费推广你的博客 博客代码论坛