西山居

专注高端网站设计、FLASH制作、服务器维护、企业推广、发掘网络价值! {承接各类建站}
  联系 :: 管理

dede5.3内容页分页变竖 修改方法

Posted on 2010-10-12 00:43  西山居  阅读(1613)  评论(0编辑  收藏  举报
发布的文章内容分页都是竖向的,很不好看,想把它变成横向的,最好能再适当的美化一下,发布后分页效果如下: 
 

解决方法:
你CSS中加这段代码
.dede_pages{
}
.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;
}
.dede_pages ul li a{
    float:left;
    padding:2px 4px 2px;
    color:#555;
    border-bottom:1px solid #EEE;
}
.dede_pages ul li a:hover{
    color:#690;
    text-decoration:none;
    padding:2px 4px 1px;
    border-bottom:2px solid #690;
}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
    color:#F63;
    padding:2px 4px 1px;
    border-bottom:2px solid #F63;
    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;
}


模板调用
<div class="dede_pages">
  <ul class="pagelist">
            {dede:pagebreak/}
        </ul>
        </div
分页就横排了·~~~