放眼望去，水田已被一莲花覆盖，鲜艳的红色水滴随雨水流下，半溶解的花海在彩霞中无边无际地延伸，抬头仰望，之间峥嵘的山峰在山腹间吐出薄薄的春云。
织梦在做文章排行榜时，效果如下图，这个排行主要有两个知识点，其一是列表前面数字递增，其二是列表的前三篇文章序号背景色蓝色，其它序号背景是白色。制作这种效果通常有两种方法，一种是截图法，一种是用织梦标签autoindex，详细方法如下：
方法一：把上图文章前面的序号列表截图，1-10的序号都在一个图片上，之后把图片设置为文章列表的背景图片，用css调整其到合适的位置，设置文章列表合适的行宽，就可以了，这样当显示几条文章时，就会显示相应长度的背景。
方法二：用css设置不同样式，例如，设置class=top为前三篇文章序号的样式，而其它文章为默认，[field:global name=autoindex/]标签可以递增的熟练。代码如下：
<UL >
<LI class="top"><EM>[field:global name=autoindex/]</EM><A title=[field:title/] rel="nofollow noopener noreferrer" href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>
<LI><EM>[field:global name=autoindex/]</EM><A title=[field:title/] rel="nofollow noopener noreferrer" href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>
</UL>
上面<li class="top">是蓝色序号背景样式，具体的css不演示，你可以设置成自己喜欢的样式，而第二个<li>没有class的样式，我们要加个判断条件，当序号小于3时（序号都是从0开始，所以前三项是0，1，2），<li>的class是top ，其它的没有class。把上面的代码，改为：
<UL id=phc1 name="tabul">
{dede:artlist row='' orderby='hot'}
<LI class="[field:global name=autoindex runphp="yes"]
if(@me>3==0)@me="top";
else @me="";
[/field:global]"><EM>[field:global name=autoindex/]</EM><A title=[field:title/] rel="nofollow noopener noreferrer" href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>
{/dede:artlist}
</UL>
即：把<li >中的top改成[field:global name=autoindex runphp="yes"]
if(@me>3==0)@me="top";
else @me="";
[/field:global]
这样就可以了，你可以去试一下。当然序号递增主要用[field:global name=autoindex/] ，如果你想得到其它相关效果，可以在百度查相关关键字。
本文织梦排行榜制作到此结束。政治权利产生一种利益效应。某些人有一种隐藏在政治权利背后的利益动机，这是某些人凭手中的政治权利以权经商的动因，也是某些人以权谋私的动因。小编再次感谢大家对我们的支持！