您现在的位置是：首页 > cms教程 > dedecms教程dedecms教程
织梦dedecms排行榜怎么制作
芷蕾2024-08-25 23:36:30dedecms教程已有13人查阅
导读织梦在做文章排行榜时，效果如下图，这个排行主要有两个知识点，其一是列表前面数字递增，其二是列表的前三篇文章序号背景色蓝色，其它序号背景是白色。
织梦在做文章排行榜时，效果如下图，这个排行主要有两个知识点，其一是列表前面数字递增，其二是列表的前三篇文章序号背景色蓝色，其它序号背景是白色。
制作这种效果通常有两种方法，一种是截图法，一种是用织梦标签autoindex，详细方法如下：
方法一：把上图文章前面的序号列表截图，1-10的序号都在一个图片上，之后把图片设置为文章列表的背景图片，用css调整其到合适的位置，设置文章列表合适的行宽，就可以了，这样当显示几条文章时，就会显示相应长度的背景。
方法二：用css设置不同样式，例如，设置class=top为前三篇文章序号的样式，而其它文章为默认，[field:global name=autoindex/]标签可以递增的熟练。代码如下： 上面<li class="top">是蓝色序号背景样式，具体的css不演示，你可以设置成自己喜欢的样式，而第二个<li>没有class的样式，我们要加个判断条件，当序号小于3时（序号都是从0开始，所以前三项是0，1，2），<li>的class是top ，其它的没有class。把上面的代码，改为： 即：把<li>中的top改成 这样就可以了，你可以去试一下。当然序号递增主要用[field:global name=autoindex/] ，如果你想得到其它相关效果，可以在百度查相关关键字。
制作这种效果通常有两种方法，一种是截图法，一种是用织梦标签autoindex，详细方法如下：
方法一：把上图文章前面的序号列表截图，1-10的序号都在一个图片上，之后把图片设置为文章列表的背景图片，用css调整其到合适的位置，设置文章列表合适的行宽，就可以了，这样当显示几条文章时，就会显示相应长度的背景。
方法二：用css设置不同样式，例如，设置class=top为前三篇文章序号的样式，而其它文章为默认，[field:global name=autoindex/]标签可以递增的熟练。代码如下： 上面<li class="top">是蓝色序号背景样式，具体的css不演示，你可以设置成自己喜欢的样式，而第二个<li>没有class的样式，我们要加个判断条件，当序号小于3时（序号都是从0开始，所以前三项是0，1，2），<li>的class是top ，其它的没有class。把上面的代码，改为： 即：把<li>中的top改成 这样就可以了，你可以去试一下。当然序号递增主要用[field:global name=autoindex/] ，如果你想得到其它相关效果，可以在百度查相关关键字。
本文标签：
很赞哦！ (1)
下一篇：织梦自定义表单怎么更换模板
| 暂无内容 |
| 暂无内容 |
相关文章
| 暂无内容 |
| 暂无内容 |
随机图文
dedecms首页实现显示稿件的审核情况的方法
今天一位朋友问我，织梦模板如何实现在首页显示稿件的审核情况呢？并且他是这样操作的：出现的情况是未审核的稿件本应该显示‘0’但是没有显示，然后中间有一篇审核过的稿件
dedecms文章列表每5隔行加横线的方法
我看到有些网站在某些文章列表比如推荐文章版块，一整个页面的文章列表看起来会有点乱乱的感觉，在每行或每隔N行列表文章中插入横线，感觉挺好看的-
织梦dedecms友情链接显示整齐的调整方法
首先说明一下，这篇文章不是网站优化类文章，对提高网站排名没什么作用，之所以出现这篇文章仅仅是我个人对网站的整体布局比较小心，不喜欢任何地方出现杂乱的现象。 
dedecms织梦首页单独调用栏目版块的办法
dedecms首页单独调用栏目版块的办法，以上是官方默认的首页版块调用，默认是调用全站二级栏目的，如果想单独调用某版块的话，可作以下设置：
| 留言与评论 （共有 0 条评论） |
