加载中…
RE:自定义我的留言本各部分字体颜色代码【转蚊子】
(2006-11-21 19:17:21)
现在很多人不用新浪博客自带的模版，而都自己做模版，但是常常我们点“给我留言”的时候会发现里面的字都看不清楚，今天看见有人已经发了更改留言者名字，留言者内容的代码，并不全，下面要发的是我昨天一大清早测试的算是更改“我的留言本”比较完整的代码，有兴趣的朋友可以点“给我留言”看看我的留言本是什么样子。
<DIV> </DIV>
<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>
发完代码接下来不知道该咋写了，估计有很多人看不懂，还得一个个细说明下。
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，加发光字体特效等，具体就不讲了，能改颜色使文字看的见就行了。
以上代码算是比较全的了，不过还是有几个没测出来，比如“给我留言”四个字所在的那个虚线框，回复留言框，点歌给朋友那个虚线框，音乐名称、音乐链接里那个框。有哪位朋友测出来了还望告知，顺便提供新浪博客“我的留言本”CSS样式表地址，有兴趣的朋友也可以根据此样式表里的代码去测试。
http://image2.sina.com.cn/blog/tmpl/v3/theme/3/css/gbook.css
代码添加方法：
1、控制面板→首页内容维护→自定义空白模板→新建→填写模块标题(随便写什么都可以，只要你知道里面放的是什么东西)→→粘贴代码→保存→返回。
2、控制面板→定制我的首页→添加模块→在刚才新建的模块标题前打勾→点击最下面的选取(页面刷新后，等底部状态栏显示页面完全打开完毕，把鼠标放在模块标题上，等形状变成十字形，便可点住上下移动模块的位置；如果拖动不了的话估计你的网速太慢，刷新页面后再拖动。如果不要改变模块的位置，直接跳到最后一步保存设置即可。)→点击保存设置。
这篇文章再加上我之前写测试写的《自定义博客各部分背景代码》和《自定义博客各部分文字颜色代码》这两篇文章应该算的上是更改新浪模版的三部曲了，呵呵...
这篇文章再加上我之前写测试写的《自定义博客各部分背景代码》和《自定义博客各部分文字颜色代码》这两篇文章应该算的上是更改新浪模版的三部曲了，呵呵...
可能需要用到的参考文章链接：
《自定义博客各部分背景代码》 《自定义博客各部分文字颜色代码》
转载此文可以，不注明出处也可以，但是请别转载走后加上自己的名字，而让别人转载的时候标你的名字，这是很无耻的行为。
文章引用自：http://blog.sina.com.cn/u/4723cdbf010006qo
喜欢
0
赠金笔