软件世界园

   :: 首页 :: 联系 ::  :: 管理

在用织梦仿站的过程中,列表页面临一个分页的情况,织梦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
posted on 2014-01-26 22:39 javaword 阅读(1835) 评论(0)  编辑  收藏

只有注册用户登录后才能发表评论。


网站导航:
 
软件之家官网|三次元