在用織夢仿站的過程中,列表頁面臨一個分頁的情況,織夢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列表頁分頁錯位(織夢分頁豎排)的問題。
關于本文的作者 :
下面是我的聯系方式:
大家有事沒事就騷擾一下我吧,只不過我經常忙不過來,不一定能很快回復你的郵件,希望別介意……
下面是一些我主要的聯系方式,你可以根據自己的情況收聽它們,它們都會同步更新的!
新浪微博 | 騰訊微博 | 河南論壇 | 河南健康網 | 博客園