织梦dedecms分页css样式修改

在做站的时候经常会遇到分页样式显示的比较混乱，其实我们直接复制官方的css样式就可以了，所以我做了个整理，大家以后用的时候直接把这两句话复制过去就可以了。
　　首先在列表模版写分页样式的时候把这段代码复制进去：

　　<div class="dede_pages">
　　 <ul class="pagelist">
　　 {dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
　　 </ul>
　　</div>

　　然后在把css样式加入到你自己的css文件里面：

　　.dede_pages{    width:500px;
　　}
　　.dede_pages ul{
　　    float:left;
　　    padding:12px 0px 12px 16px;
　　}
　　.dede_pages ul li{
　　    float:left;
　　    font-family:Tahoma;
　　    line-height:17px;
　　    margin-right:6px;
　　    border:1px solid #E9E9E9;
　　}
　　.dede_pages ul li a{
　　    float:left;
　　    padding:2px 4px 2px;
　　    color:#555;
　　    display:block;
　　}
　　.dede_pages ul li a:hover{
　　    color:#690;
　　    text-decoration:none;
　　    padding:2px 4px 2px;
　　}
　　.dede_pages ul li.thisclass,
　　.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
　　    background-color:#F8F8F8;
　　    padding:2px 4px 2px;
　　    font-weight:bold;
　　}
　　.dede_pages .pageinfo{
　　    line-height:21px;
　　    padding:12px 10px 12px 16px;
　　    color:#999;
　　}
　　.dede_pages .pageinfo strong{
　　    color:#555;
　　    font-weight:normal;
　　    margin:0px 2px;
　　}

　　就这样简单，而且每次用的时候都能很方便把织梦dedecms分页css样式做出来，不用自己费力的去写，站长自己整理的内容希望对大家有所帮助。

分享到：