分(fēn)享一(yī)組常用的織夢(dedecms)page分(fēn)頁樣式
創意、流程、執行缺一(yī)不可
DEVELOPMENT COMES FROM SERVICE

當前位置:首頁>新聞資(zī)訊>技術分(fēn)享

分(fēn)享一(yī)組常用的織夢(dedecms)page分(fēn)頁樣式
發布時間:2020-06-03     關鍵詞:織夢分(fēn)頁樣式      點擊量:2055

使用織夢是不是經常遇到分(fēn)頁的問題?織夢自帶分(fēn)頁樣式太難看,又(yòu)不會修改?沒關系今天我(wǒ)(wǒ)們就來分(fēn)享一(yī)個羲禾網絡建站常用的分(fēn)頁page樣式

在需要添加分(fēn)頁的地方加入以下(xià)代碼

 

 
{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}



在你的公用css樣式表中(zhōng)加入以下(xià)樣式代碼

    .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;}

效果如下(xià)圖


怎麽樣,是不是比織夢自帶的效果更好?關注羲禾網絡,持續分(fēn)享dedecms建站知(zhī)識!
CONTACT US
  • 咨詢熱線:0517-89892800 / 138-6167-2014
  • 公司地址:宿遷軟件園1号樓506室
  • 電子郵箱:hsw@haxh.net
掃一(yī)掃二維碼關注我(wǒ)(wǒ)們