在用织梦仿站的过程中,列表页面临一个分页的情况,织梦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列表页分页错位(织梦分页竖排)的问题。
关于本文的作者 :
下面是我的联系方式:
大家有事没事就骚扰一下我吧,只不过我经常忙不过来,不一定能很快回复你的邮件,希望别介意…… 下面是一些我主要的联系方式,你可以根据自己的情况收听它们,它们都会同步更新的!
新浪微博 | 腾讯微博 | 河南论坛 | 河南健康网 | 博客园