這個問題 其實非常簡單。
用過dedecms默認模板的就知道dedcms默認模板的分頁就是一個很好的素材。
你要是稍微懂一些 css的話 自己加上一些 鼠標(biāo)hover樣式 之類的就更加完美了。
好了 廢話不多說。
很多人直接自己寫模板,然后分頁這一塊,就被弄得稀里糊涂,稀爛的了。
下面放出這個代碼。 這一塊作為單獨的,直接插入到你的模板中即可。
你自己也不用寫UL LI了。
DIV代碼:
<p class="scv_listpages"> <ul class="pagelist"> {dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/} </ul> </p>
CSS代碼:
.scv_listpages{ } .scv_listpages ul{ float:left; padding:12px 0px 12px 16px; } .scv_listpages ul li{ float:left; font-family:Tahoma; line-height:17px; margin-right:6px; border:1px solid #E9E9E9; } .scv_listpages ul li a{ float:left; padding:2px 4px 2px; color:#555; display:block; } .scv_listpages ul li a:hover{ color:#690; text-decoration:none; padding:2px 4px 2px; } .scv_listpages ul li.thisclass, .scv_listpages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ background-color:#F8F8F8; padding:2px 4px 2px; font-weight:bold; } .scv_listpages .pageinfo{ line-height:21px; padding:12px 10px 12px 16px; color:#999; } .scv_listpages .pageinfo strong{ color:#555; font-weight:normal; margin:0px 2px; }
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 解決織夢分頁列表一直豎著的解決辦法