热搜：编程 Python Microsoft 编程语言 C++

织梦dedecms排行榜制作

发布时间：2023-04-16 16:55:03 来源：网络

.

秋天是金灿灿的丰收，秋天是沉甸甸的硕果，秋天是让人满载而归的欢笑和欣喜。

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

制作这种效果通常有两种方法，一种是截图法，一种是用织梦标签autoindex，详细方法如下：方法一：把上图文章前面的序号列表截图，1-10的序号都在一个图片上，之后把图片设置为文章列表的背景图片，用css调整其到合适的位置，设置文章列表合适的行宽，就可以了，这样当显示几条文章时，就会显示相应长度的背景。方法二：用css设置不同样式，例如，设置class=top为前三篇文章序号的样式，而其它文章为默认，[field:globalname=autoindex/]标签可以递增的熟练。代码如下： <UL> <LIclass="top">[field:globalname=autoindex/]<Atitle=[field:title/]rel="nofollow noopener noreferrer" href="[field:arcurl/]"target=_blank>[field:title/]</A></LI> <LI>[field:globalname=autoindex/]<Atitle=[field:title/]rel="nofollow noopener noreferrer" href="[field:arcurl/]"target=_blank>[field:title/]</A></LI> </UL> 上面<liclass="top">是蓝色序号背景样式，具体的css不演示，你可以设置成自己喜欢的样式，而第二个<li>没有class的样式，我们要加个判断条件，当序号小于3时（序号都是从0开始，所以前三项是0，1，2），<li>的class是top，其它的没有class。把上面的代码，改为： <ULid=phc1name="tabul"> {dede:artlistrow=''orderby='hot'} <LIclass="[field:globalname=autoindexrunphp="yes"] if(@me>3==0)@me="top"; else@me=""; [/field:global]">[field:globalname=autoindex/]<Atitle=[field:title/]rel="nofollow noopener noreferrer" 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] 这样就可以了，你可以去试一下。当然序号递增主要用[field:globalname=autoindex/]，如果你想得到其它相关效果，可以在百度查相关关键字。

以上就是织梦dedecms排行榜制作。想想再过一年，你回到家，给他们带来的不是胜利的喜悦，而而是告诉他们，考得不好，那么这个寒假，你将要怎么去度过？想想清楚吧！更多关于织梦dedecms排行榜制作请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： 织梦 dedecms