軟件世界園

             :: 首頁 :: 聯系 ::  :: 管理

          在用織夢仿站的過程中,列表頁面臨一個分頁的情況,織夢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 閱讀(1839) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          軟件之家官網|三次元
          主站蜘蛛池模板: 元氏县| 威远县| 朔州市| 六盘水市| 宁夏| 鲜城| 大邑县| 阳信县| 乌苏市| 琼结县| 靖州| 扎鲁特旗| 清水县| 牡丹江市| 弥渡县| 甘孜| 香河县| 靖江市| 三门县| 都昌县| 慈溪市| 张家口市| 潮州市| 德保县| 文昌市| 原阳县| 宜兴市| 焉耆| 盱眙县| 长岭县| 汽车| 山东省| 那曲县| 万年县| 萨迦县| 土默特左旗| 镇原县| 图们市| 句容市| 襄樊市| 岚皋县|