織夢(mèng)在做文章排行榜時(shí)，效果如下圖，這個(gè)排行主要有兩個(gè)知識(shí)點(diǎn)，其一是列表前面數(shù)字遞增，其二是列表的前三篇文章序號(hào)背景色藍(lán)色，其它序號(hào)背景是白色。
制作這種效果通常有兩種方法，一種是截圖法，一種是用織夢(mèng)標(biāo)簽autoindex，詳細(xì)方法如下：
方法一：把上圖文章前面的序號(hào)列表截圖，1-10的序號(hào)都在一個(gè)圖片上，之后把圖片設(shè)置為文章列表的背景圖片，用css調(diào)整其到合適的位置，設(shè)置文章列表合適的行寬，就可以了，這樣當(dāng)顯示幾條文章時(shí)，就會(huì)顯示相應(yīng)長(zhǎng)度的背景。
方法二：用css設(shè)置不同樣式，例如，設(shè)置class=top為前三篇文章序號(hào)的樣式，而其它文章為默認(rèn)，[field:globalname=autoindex/]標(biāo)簽可以遞增的熟練。代碼如下：
<UL>
<LIclass="top"><EM>[field:globalname=autoindex/]</EM><Atitle=[field:title/]href="[field:arcurl/]"target=_blank>[field:title/]</A></LI>
<LI><EM>[field:globalname=autoindex/]</EM><Atitle=[field:title/]href="[field:arcurl/]"target=_blank>[field:title/]</A></LI>
</UL>
上面<liclass="top">是藍(lán)色序號(hào)背景樣式，具體的css不演示，你可以設(shè)置成自己喜歡的樣式，而第二個(gè)<li>沒(méi)有class的樣式，我們要加個(gè)判斷條件，當(dāng)序號(hào)小于3時(shí)（序號(hào)都是從0開(kāi)始，所以前三項(xiàng)是0，1，2），<li>的class是top，其它的沒(méi)有class。把上面的代碼，改為：
<ULid=phc1name="tabul">
{dede:artlistrow=''orderby='hot'}
<LIclass="[field:globalname=autoindexrunphp="yes"]
if(@me>3==0)@me="top";
else@me="";
[/field:global]"><EM>[field:globalname=autoindex/]</EM><Atitle=[field:title/]href="[field:arcurl/]"target=_blank>[field:title/]</A></LI>
{/dede:artlist}
</UL>
即：把<li>中的top改成[field:globalname=autoindexrunphp="yes"]
if(@me>3==0)@me="top";
else@me="";
[/field:global]
這樣就可以了，你可以去試一下。當(dāng)然序號(hào)遞增主要用[field:globalname=autoindex/]，如果你想得到其它相關(guān)效果，可以在百度查相關(guān)關(guān)鍵字。
