http://blog.sina.com.cn/angelia[订阅]
字体大小: 正文
【教学】更改博客各部分文字颜色(2006-09-30 08:46:54)
          
 
自己收藏来为了方便用的.毕竟颜色的协调一致直接影响页面的美观.
 

.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就是你的博客未升级前博客地址后面的那一连串数字

#zone你的博客ID .text{color:red;} —“活力地带”这四个字

.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;} —形象照片处文字

.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阅读器”

 

 

 

自定义我的留言本各部分文字颜色代码

-
.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;}  —文章分类列表标题下翻弄为透明
 

发完代码接下来不知道该咋写了,估计有很多人看不懂,还得一个个细说明下。
 
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;}  —文章分类列表标题下翻弄为透明

这个不是改我的留言本的,而是改首页我的所有文章,我的文章分类里面那个标题的背景。


注意:

用的时候要把代码后面的注释文字删掉,哪段代码不要就删掉哪段代码,但是别忘了头尾的和,这个不能删,不能丢,要不代码就没效果了。
 转自蚊子。
  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...