在用织梦仿站的过程中,列表页面临一个分页的情况,织梦dedecms分页标签有时候会让我们的分页错位,或者竖排,非常不雅,于是飞天狐狸为大家介绍一下解决方案。
 
 1、首先,我们先看下列表页分页调用的代码:
  1.     {dede:list pagesize='11'}
  2.      
  3.     <li><span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><a href="[field:arcurl/]">[field:title/]</a></li>
  4.     {/dede:list}
  5.              
  6.     </ul>
  7.     </div>
  8.     <div class="dede_pages">
  9.     <ul class=pagelist>
  10. {dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="2"/}
  11. </ul>
  12. </div>
  13. <!-- end pages -->
  复制代码
  以上代码中的
  1.     {dede:list pagesize='11'}
  2.      
  3.     <li><span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><a href="[field:arcurl/]">[field:title/]</a></li>
  4.     {/dede:list}
  复制代码
  是文章列表页调用文章标签,主要用到{dede:list pagesize='11'}标记。
 
 织梦的分页标签是以下代码:
  1.     <div class="dede_pages">
  2.     <ul class=pagelist>
  3.     {dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="2"/}
  4.     </ul>
  5.     </div>
  6.     <!-- end pages -->
  复制代码
  我们在仿站的过程中,只需要将以上织梦分页代码覆盖原代码中的分页代码即可。
 
      然而在覆盖织梦的分页代码之后出现错位,分页显示为竖排这种情况想必有很多的朋友都有遇到过吧,下面与大家分享下具体的解决方法,感兴趣的朋友可以参考下哈。
 
 
 首先,我们打开调用样式表css ,也就是列表页用到的css样式表,在css里的最下面复制粘贴一下代码
  1.     .dede_pages{  
  2.     text-align:right;  
  3.     }  
  4.     .dede_pages ul{  
  5.     float:right;  
  6.     padding:12px 0px 12px 16px;  
  7.     }  
  8.     .dede_pages ul li{  
  9.     float:left;  
  10. font-family:Tahoma;  
  11. line-height:17px;  
  12. margin-right:6px;  
  13. border:1px solid #E9E9E9;  
  14. }  
  15. .dede_pages ul li a{  
  16. float:left;  
  17. padding:2px 4px 2px;  
  18. color:#555;  
  19. display:block;  
  20. }  
  21. .dede_pages ul li a:hover{  
  22. color:#690;  
  23. text-decoration:none;  
  24. padding:2px 4px 2px;  
  25. }  
  26. .dede_pages ul li.thisclass,  
  27. .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{  
  28. background-color:#F8F8F8;  
  29. padding:2px 4px 2px;  
  30. font-weight:bold;  
  31. }  
  32. .dede_pages .pageinfo{  
  33. line-height:21px;  
  34. padding:12px 10px 12px 16px;  
  35. color:#999;  
  36. }  
  37. .dede_pages .pageinfo strong{  
  38. color:#555;  
  39. font-weight:normal;  
  40. margin:0px 2px;  
  41. }  
  复制代码
  保存,即可解决织梦DEDECMS列表页分页错位(织梦分页竖排)的问题。
   
   
      
关于本文的作者 :
     名字很酷,据说爱软件,爱网络,爱游戏,爱数码,爱科技,各种控,各种宅,不纠结会死星人,不折腾会死星人。此人属虚构,如有雷同,纯属被抄袭……
 
下面是我的联系方式:
     大家有事没事就骚扰一下我吧,只不过我经常忙不过来,不一定能很快回复你的邮件,希望别介意……
下面是一些我主要的联系方式,你可以根据自己的情况收听它们,它们都会同步更新的!
  新浪微博 | 腾讯微博 | 河南论坛 | 河南健康网 | 博客园
pasting