欢迎光临
我们一直在努力

织梦dedecms分页css样式修改

购买童装可电话联系:13783019327 同微信 巩义本地可去实体店选购。

    在做站的时候经常会遇到分页样式显示的比较混乱,其实我们直接复制官方的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{    height:30px; background:#eeeeee; margin:15px 015px 12px; width:690px; float:left;text-align:center; display:inline;
}
.dede_pages ul{
    list-style-type: none;text-align: center;
}
.dede_pages ul li{
display: inline;
}
.dede_pages ul li a{
background:#fff; padding:3px 5px; line-height:30px; margin:0 2px; font-family:Arial;
}
.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样式 做出来,不用自己费力的去写,站长自己整理的内容希望对大家有所帮助。

未经允许不得转载:随缘小居 » 织梦dedecms分页css样式修改
购买童装可电话联系:13783019327 同微信 巩义本地可去实体店选购。
5

评论 抢沙发

评论前必须登录!

 

不跟随,有视角焦点的博客

联系我们联系我们