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

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

(2007-01-09 05:43:38)
分类: *博客教程* -欢迎学习-
只有首页的css当然不算完美,还需要文章列表处的css
diy文章列表处的css

<div>&nbsp;</div>
<style type=text/css>
 
.aList{width:***px !important}  —文章列表标题宽度
 
.aList .list{width:***px !important;}  —列表文章标题部分宽度,与上者搭配使用可更改整个文章列表处宽度
 
.aList table{width:***px !important;}  —文章列表处宽度,可同时改变列表标题和文章标题的宽度,若用此行代码,则不必用上面那两行代码;不过建议用上面那两行代码而不用此代码,因为会有偏差使得两部分对不齐,但是也不是不能用,视具体情况而定。
 
.aList .sysHand .up{color:#f00;}  —文章列表标题文字上翻时颜色
 
.aList .sysHand .down{color:#f00;}  —文章列表标题文字下翻时颜色
 
.aList .up{color:#f00 !important;}  —文章列表标题文字上翻时颜色
 
.aList .down{color:#f00 !important;}  —文章列表标题文字下翻时颜色
 
#aListTitleALIST_你的博客ID{color:#f00;}  —文章列表标题文字颜色(不分上、下翻)
 
.aList .up{background:url("文章列表标题上翻时背景") no-repeat center!important;}
 
.aList .down{background:url("文章列表标题下翻时背景") no-repeat center!important;}
 
.aList .sysHand .up{background:url("文章列表标题上翻时背景") no-repeat center;}
 
.aList .sysHand .down{background:url("文章列表标题下翻时背景") no-repeat center;}
 
.aList .up,.aList .down{background:#transparent important;}  —文章列表标题上翻、下翻背景弄为透明
 
.aList .sysHand .up,.aList .sysHand .down{background:#transparent;}  —文章列表标题上翻、下翻背景弄为透明

.aList .solid{border-bottom:1px dashed #f00 !important;}  —列表文章标题间虚线的样式,其中1px表示虚线粗细,数值越大越粗;dashed表示虚线,实线的话则用solid;#f00表示虚线的颜色。当然也可以改虚线的宽度,不过没必要单独更改其宽度,没必要。
 
.aList .list a{color:#f00 !important;text-decoration:none !important;}  —列表文章标题颜色,其中text-decoration:none表示标题文字无下划线,若要给其加下划下的话则用text-decoration:underline,默认为无下划线。
 
.aList .list .title{color:#f00 !important;text-decoration:none !important;}  —列表文章标题颜色,同上
 
.aList .list td{color:#f00 !important;}  —列表文章发表时间及文章标题前那个小方块“■”颜色
 
.aList .page a{color:#f00 !important;}  —列表翻页处页数“第(1/11)页123456>>”颜色
 
.aList .page span{color:#00f !important;}  —列表翻页处当前页“1”颜色
</style>

其实我们还可以给整个文章列表部分加背景:
 
.aList{background:url("背景图片地址") repeat center!important;}
 
还可以给列表翻页处加背景,不过这两个部分一般没必要再加背景,不一定好看:
 
.aList .page{background:url(("背景图片地址") repeat center!important;}
 

0

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

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

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

新浪公司 版权所有