diy你的博客的几大法宝_(3)修改文章专辑处的css_csbeyond

http://blog.sina.com.cn/u/1237290320

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

diy你的博客的几大法宝_(3)修改文章专辑处的css

(2007-01-09 05:50:57)

分类： *博客教程* -欢迎学习-

别急文章专辑处还没有改呢~

下面就是diy文章专辑处的css

.serial{width:600px !important;} —专集标题宽度加宽标题左移

.serial table{width:600px !important；} —文章标题部分宽度，与上者搭配使用可更改整个专集宽度

.serial .listTitle a{width:600px !important;} —整个专集宽度，同上

.serial .W336{width:350px !important;} —简介文字宽度

.serial .title{color:#f00 !important;} —专集标题颜色(控制所有专集标题颜色)

#commentText专集ID{color:#f00 !important;} —专集标题颜色

.serial .list a{color:#f00 !important;} —文章标题颜色

.serial .listTitle a{color:#f00 !important;} —文章标题颜色

.serial .list td{color:#f00 !important;} —文章编号颜色

.serial .listNo{color:#f00 !important；} —文章编号颜色

.serial .W336{color:#f00 !important;} —简介文字颜色(不包括简介中带链接的文字)

.serial .outline{color:#f00 !important} —简介文字颜色(不包括简介中带链接的文字)

.serial .W336 a{color:#f00 !important;} —简介中带链接的文字颜色

.serial .outline a{color:#f00 !important} —简介中带链接的文字颜色

.serial .total{border-top:1px dashed #f00 !important;border-bottom:1px dashed #f00 !important;} —文章篇数统计“当前连载文章篇

数：** 篇”上下虚线的样式，其中border-top表示上虚线，border-bottom表示下虚线，1px表示虚线粗细，数值越大越粗；dashed表示虚线，实线的话则用solid；#f00表示虚线的颜色

.serial table td{color:#f00 !important;} —专集标题，简介文字不包括简介中带链接的文字)，当前连载文章篇数：** 篇及文章编号颜色

.serial .box a{color:#f00 !important;} —简介文字颜色(不包括简介中带链接的文字)，当前连载文章篇数：** 篇及文章编号颜色

.serial table a{color:#f00 !important;} —文章标题颜色及简介中带链接的文字颜色

.serial .box a{color:#f00 !important;} —文章标题颜色及简介中带链接的文字颜色

.serial .picBox,.serial .pic{width:180px!important;height:240px!important;float:left!important;} —更改专集照片的大小及位置，float:left表示照片在简介文字左边，如果改为float:right的话则在右边，默认为左边

.serial .up{background:url("专集标题上翻时背景") no-repeat center !important;}

.serial .down{background:url("专集标题下翻时背景") no-repeat center !important;}

.serial .syshand .up{background:url("专集标题上翻时背景") no-repeat center;}

.serial .syshand .down{background:url("专集标题下翻时背景") no-repeat center;}

.serial .comm{background:url(背景图片地址) no-repeat !important;} —“查看评论”四个字背景，注意字与背景图是连在一起的，改背景的话请自行在图片上用PS或者画图程序打上字

</style>

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

前一篇：diy你的博客的几大法宝_(2)修改文章列表处的css

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

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