只有首页的css当然不算完美,还需要文章列表处的css
diy文章列表处的css
<div> </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;}
加载中,请稍候......