加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

diy你的博客的几大法宝_(4)修改留言板处的css

(2007-01-09 05:59:35)
分类: *原创文章* -多多支持-
最后还有留言板,这个也挺重要的
diy留言板的css

<DIV>&nbsp;</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;}  —“给我留言”区域弄为透明

注:.gbook .post{background::url("给我留言区域图片地址")}   —“给我留言”区域弄加图片
以上几篇文章中的css代码全都是直接抄我开山师傅蚊子兄的,只是重新整理,方便大家修改和察看~

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有