个人信息
博客代码
文章分类
访客
新浪博客推荐文章
内容
  •  
    2007-05-24 00:29:48
    可以点“给我留言”看看我的留言本是什么样子。
    <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 #f001px表示边框粗细;数值越大越粗;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,加发光字体特效等,具体就不讲了,能改颜色使文字看的见就行了。

    <DIV> </DIV>
    <style type=text/css>
    .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
     

     

数据加载中...