分享一組常用的織夢(dedecms)page分頁樣式
創意、流程、執行缺一不可
DEVELOPMENT COMES FROM SERVICE
分享一組常用的織夢(dedecms)page分頁樣式
發布時間:2020-06-03 關鍵詞:織夢分頁樣式 點擊量:

使用織夢是不是經常遇到分頁的問題?織夢自帶分頁樣式太難看,又不會修改?沒關系今天我們就來分享一個喆琛網絡建站常用的分頁page樣式

在需要添加分頁的地方加入以下代碼

 <div class="page"> {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/} </div>

在你的公用css樣式表中加入以下樣式代碼

    .page{height:24px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
    .page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
    .page li a{color: #555;}
    .page li a:hover{background:#f5f5f5; color:#0064c4;}
    .page li.thisclass{background:#9A9FA5; color: #fff;}
    .page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
    .page .pageinfo strong{font-weight:normal;}

效果如下圖


怎么樣,是不是比織夢自帶的效果更好?關注喆琛網絡,持續分享dedecms建站知識!

猜你喜歡

CONTACT US
  • 咨詢熱線:0517-89892800 / 138-6167-2014
  • 公司地址:淮安市清江浦區淮安軟件園1號樓506室
  • 電子郵箱:hsw@zhechen.net
掃一掃二維碼關注我們
老神马马圈免费