dedecms二次开发:关于列表页分页和内容页分页与CSS错位的问题

2015-05-14 00:10 阅读 59 次 评论关闭

关于列表页分页内容页分页CSS错位的问题:

列表页分页:
<div class="dede_pages">
<ul class="pagelist"> {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</ul>
</div>
这个是默认的,一般我们仿站时都会碰到下面的情况

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

如果你用他们网站本身的CSS,列表分页一定错位或者竖着,不会达到理想效果。如果会修改CSS这个问题可以解决,但很麻烦。
<div class="pages">
{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</div> 这段代码在前台默认是这样读取的:
<div class="pages">
<span class="pageinfo">共 <strong>36</ strong>页<strong>704</ strong>条</span> <li>首页</ li>
<li class="thisclass">1</ li>
<li><a href='list_6_2.html'>2</a></ li>                          。
。。。。。(略)

而我们一般要达到下面的代码才能与仿的网站相同
<div class="pages">
共2页39条 <strong>首页</strong>
<strong>1</strong>
<a href='list_42_2.html'>2</a>
<a href='list_42_2.html'>下一页</a>
<a href='list_42_2.html'>末页</a>
</div>

看出什么了吧?有几个标签不该显示<li>     <li class="thisclass>
怎么修改呢? 在这个文件里:include / arc.listview.class.php 去掉相关不要的标签即可
内容页分页:{dede:pagebreak/} 和列表页分页一样 多了那几个标签<li>     <li class="thisclass>
对应要修改的文件是:include / arc.archives.class.php
附件里有修改后的文件,以后分页代码就是:<div class="pages">
{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
</div>

和<div class="pages">  {dede:pagebreak/}   </div>
对应的CSS:
.pages{
text-align:right;
padding-bottom:15px;
padding-right:20px;
}
.pages a:link{
display:inline;
border:1px solid #D9D9D9;
color:#001A9F;
padding:2px 5px;
margin:0px 3px;
}
.pages a:visited{
display:inline;
border:1px solid #D9D9D9;
color:#001A9F;
padding:2px 5px;
margin:0px 3px;
}
.pages a:hover{
display:inline;
border:1px solid #8BCCEC;
color:#000000;
background:#E8F3FD;
padding:2px 5px;
margin:0px 3px;
}
.pages .click{
display:inline;
border:1px solid #ff831e;
color:#000000;
background:#ffebd9;
padding:2px 5px;
margin:0px 3px;
}

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:dedecms二次开发:关于列表页分页和内容页分页与CSS错位的问题 | 猎微网

评论已关闭!