织梦dedecms排行榜制作

发布时间：2020-12-14 05:03:00 所属栏目：Dedecms 来源：网络整理

导读：织梦dedecms 在做文章排行榜时，效果如下图，这个排行主要有两个知识点，其一是列表前面数字递增，其二是列表的前三篇文章序号背景色蓝色，其它序号背景是白色。 ????制作这种效果通常有两种方法，一种是截图法，一种是用织梦标签autoindex，详细方法如下：

织梦dedecms 在做文章排行榜时，效果如下图，这个排行主要有两个知识点，其一是列表前面数字递增，其二是列表的前三篇文章序号背景色蓝色，其它序号背景是白色。

????制作这种效果通常有两种方法，一种是截图法，一种是用织梦标签autoindex，详细方法如下：

方法一：把上图文章前面的序号列表截图，1-10的序号都在一个图片上，之后把图片设置为文章列表的背景图片，用css调整其到合适的位置，设置文章列表合适的行宽，就可以了，这样当显示几条文章时，就会显示相应长度的背景。

方法二：用css设置不同样式，例如，设置class=top为前三篇文章序号的样式，而其它文章为默认，[field:global?name=autoindex/]标签可以递增的熟练。代码如下：
??
?? ? ?
上面
??
??{dede:artlist?row=''?orderby='hot'}
? ??if(@me>3==0)@me="top";
??else?@me="";?????
??[/field:global]"> ??{/dede:artlist}
??
??
即：把 ??if(@me>3==0)@me="top";
??else?@me="";?????
??[/field:global]

????这样就可以了，你可以去试一下。当然序号递增主要用[field:global?name=autoindex/]?，如果你想得到其它相关效果，可以在百度查相关关键字。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!