織夢(mèng)利用[field:global.autoindex /]打造文章排行榜代碼
來(lái)源：本站原創(chuàng)|時(shí)間：2021-08-05|欄目：dedecms|點(diǎn)擊： 次
前幾天用織夢(mèng)給朋友做了一站，期間用到了一個(gè)排行榜的效果，雖然代碼很簡(jiǎn)單不過(guò)還是比較實(shí)用，希望對(duì)大家有所幫助吧，其實(shí)就是利用dedecms的[field:global.autoindex /]這個(gè)增量標(biāo)簽，再配合css控制樣式來(lái)實(shí)現(xiàn)，親!來(lái)一張圖吧
![織夢(mèng)利用[field:global.autoindex /]打造文章排行榜代碼](/uploads/allimg/210805/1-21021G00131552.png)
直接上代碼：
<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 /]的初級(jí)應(yīng)用，如果再配合runphp='yes'和javascript的話可以實(shí)現(xiàn)很多超炫的效果
上一篇：織夢(mèng)文章標(biāo)題調(diào)用文章分類(lèi)名稱(chēng)的方法
欄 目：dedecms
下一篇：織夢(mèng)后臺(tái)管理搜索文章正文內(nèi)容的方法
本文標(biāo)題：織夢(mèng)利用[field:global.autoindex /]打造文章排行榜代碼
本文地址：http://www.jygsgssxh.com/a1/dedecms/14109.html
您可能感興趣的文章
- 08-05Dedecms文件目錄結(jié)構(gòu)解說(shuō)（能知道織夢(mèng)每個(gè)文件有什么用）
- 08-05織夢(mèng)DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05織夢(mèng)模板如何添加和調(diào)用自定義字段的方法
- 08-05織夢(mèng)DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢(mèng)會(huì)員每天投稿數(shù)量方法
- 08-05常用的織夢(mèng)dedecms安全設(shè)置集合整理
- 08-05織夢(mèng)教程：后臺(tái)編輯器添加中文字體方法
- 08-05織夢(mèng)修改文章排序到第一位如何解決？
- 08-05dede副欄目調(diào)用支持arclist標(biāo)簽
- 08-05織夢(mèng)教程：手把手教你讓dedecms禁止發(fā)布重復(fù)文章
