帝國cms教程

帝國列表頁翻頁美化樣式的修改

作者:豬八逗模闆
我(wǒ)(wǒ)們在使用帝國默認模闆的時候,往往不會注意到列表頁的可短分(fēn)頁樣式,但是換掉模闆後,我(wǒ)(wǒ)們會發現,視務默認的列表頁分(fēn)頁樣式,發信肺腑的說,簡直是慘不忍理遠睹了,對于我(wǒ)(wǒ)們有些視覺潔癖村拍的小(xiǎo)夥伴來說,撸掉它的原有樣式那是必須的,但是,網絡上的一(y睡熱ī)些修改默認列表頁樣式的方法,大(dà)多是花村不完整的,小(xiǎo)編剛開(kāi)始用哪些方法的時候,也是河呢被忽悠了半天,o(╥﹏╥)o

不過見過小(xiǎo)編的反複試驗,終于找出了列表頁的修改行行秘笈,在這裡跟大(dà)家分(fēn)享一(yī)下(xià),覺得好的秒廠,多多支持小(xiǎo)編哦!

首先進入帝國後台,點擊系統設置->系統參數設置->遠民信息設置,找到裡面有個"列表分(fēn)頁函數(列表)&qu子山ot;選項,将裡面的函數名修改為user_ShowListM討員orePage(這個函數名也可以自拟,如果改的話(huà)記得把下國裡(xià)方第一(yī)行的函數也改一(yī)下(xià)),聽醫到e/class/userfun.php <?php  秒船; ?>之間插入如下(xià)的代碼

function user_ShowListMorePa要水ge($num,$page,$dolink,$type,$totalpa動北ge,$line,$ok,$search=""){ glo公也bal $fun_r,$public_r; if($num<能慢=$line) { $pager['showpage'慢民;]=''; return $pager; 白人} $page_line=$public_r['listp多窗agelistnum']; $snum=2; //上一(yī)頁 動開if($page<>1) { $to懂雪ppage='<a href="'.$do近樹link.'index'.$type.匠得'" class="di明大sabled">'.$f通匠un_r['startpage'].'</志看a>'; //首頁 $pagepr=$p舊看age-1; if($pagepr==1) 制制{ $prido="index&好要quot;.$type; } else { $prid東雨o="index_".$pag輛討epr.$type; } $prepage='<a h麗愛ref="'.$dolink.$prido.'月議" class="disabled">微費;'.$fun_r['pripage']人資.'</a>'; //上一(yī)頁她話 } //下(xià)一(yī)頁 if($page!=$totalp兒歌age) { $pagenex=$page+1; $民現nextpage='<a 雨飛href="'.$doli房到nk.'index_'.$pa中服genex.$type.'" class="制場;disabled">'.$fun_r[妹化'nextpage'].'</a&g自草t;'; //下(xià)一(yī)頁 $last理生page='<a href="'.$do拿開link.'index_'能票;.$totalpage.$type.'&quo可中t; class="disabled&qu兵知ot;>'.$fun_r[&會你#39;lastpage'].'技為;</a>'; //最後一(看物yī)頁 } $starti=$page懂什-$snum<1?1:$page-$爸工snum; $no=0; for($i=$starti;$i<=$tot遠飛alpage&&$no<$page_line;$i飛車++) //詳細頁碼信息 { $no++; if($page==$i) 校來{ $is_1="<a cla影事ss='cur'>"; /喝去/當前 $is_2="</a>"; }呢章 elseif($i==1) { $is_1='<a href妹多="'.$dolink.腦數9;index'.$type.'">文場'; //第一(yī)頁 $is_2高靜="</a>";船呢 } else { $is_1='<a href=&女門quot;'.$dolink.'腦厭index_'.$i.$type.&舞拿#39;">'; //其他頁 $is_2=&quo吧亮t;</a>"; } $returnstr.=$is_個的1.$i.$is_2; } $returnstr=$firststr.$我什toppage.$prepage.$returnst信年r.$nextpage.$lastpage; $pager['sho喝空wpage']=$returnstr; retur議亮n $pager; }

然後在列表頁調用的css裡面加入如下(xià)css代碼

  geBox {text-align: ce不車nter;} .pageBox a {bord的個er:1px solid #ddd;display到林:inline-block;margin-right:6px;color: #村哥707070;width:34px;height:數身34px;font:bold 14px/34px aria關高l;} .pageBox a:hover,.pageBox站數 a:active{background:#3aa9f2;co微車lor: #FFFFFF;text-decoration: none;自花} .pageBox .cur { background: #3aa錯很9f2;border: 1px solid #3aa9樂影f2;text-decoration: none;} .pa雨但geBox a.cur {color: 什資#fff;} .pageBox .dis樂錯abled {width: 79px;}

最後一(yī)步,在分(fēn)頁的地方加上

<div class="pageBox少信 pTB20">[!--show.listpag時用e--]</div>

刷新欄目頁,看一(yī)下(xià),大(dà)功告員村成啦,如圖所示,是不是比以前好看多了呢!
  相關文章
    X豬八逗模闆

    截屏,微信識别二維碼

    客服微信:ZhuBaDouIT

    客服QQ:2252215955

    打開(kāi)微信