前幾天用織夢給朋友做了一站,期間用到了一個排行榜的效果,雖然代碼很簡單不過還是比較實用,希望對大家有所幫助吧,其實就是利用dedecms的[field:global.autoindex /]這個增量標(biāo)簽,再配合css控制樣式來實現(xiàn),親!來一張圖吧
直接上代碼:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <style type="text/css"> .arcRank ol{ margin:0; padding:0;} .arcRank li{ height:26px; line-height:26px; list-style:none; margin:0 0 10px; overflow:hidden; padding:0;} .arcRank a{ text-decoration:none;} .arcRank em{ background:#666; color:#fff; display:inline-block; font-family:Arial; text-align:center; width:26px;} .arcRank li .n_1{ background:#5c7900;} .arcRank li .n_2{ background:#719500;} .arcRank li .n_3{ background:#89b400;} </style> <div class="arcRank"> <ol> {dede:arclist row='10' flag='p' titlelen='56' infolen='200' orderby='click'} <li> <a href="[field:arcurl/]" title="[field:fulltitle/]"> <em class="n n_[field:global.autoindex /]">[field:global.autoindex /]</em> <span class="t">[field:title/]</span> </a> </li> {/dede:arclist} </ol> </div> |
本文是[field:global.autoindex /]的初級應(yīng)用,如果再配合runphp='yes'和javascript的話可以實現(xiàn)很多超炫的效果
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 織夢利用[field:global.autoindex /]打造文章排行榜代碼