欢迎来访实搜网站库!

蓝色 学校 微商 大气 企业

解决织梦列表与内容页分页错位方法

时间:2015-07-21 10:36
当使用 织梦模板 做站时,发现列表页分页: div class=dede_pages ul class=pagelist {dede:pagelist listitem=info,index,end,pre,next,pageno listsize=5/}/ul

   当使用织梦模板做站时,发现列表页分页:
<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;
}