您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
织梦dedecms排行榜怎么制作
芷蕾2024-08-25 23:36:30dedecms教程已有10人查阅
导读织梦在做文章排行榜时,效果如下图,这个排行主要有两个知识点,其一是列表前面数字递增,其二是列表的前三篇文章序号背景色蓝色,其它序号背景是白色。
织梦在做文章排行榜时,效果如下图,这个排行主要有两个知识点,其一是列表前面数字递增,其二是列表的前三篇文章序号背景色蓝色,其它序号背景是白色。
制作这种效果通常有两种方法,一种是截图法,一种是用织梦标签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/] ,如果你想得到其它相关效果,可以在百度查相关关键字。
本文标签:
很赞哦! (0)
下一篇:织梦自定义表单怎么更换模板
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
织梦dedecms搜索页面怎么单独调用搜索结果条数
织梦在搜索结果页面并没有构造单独的函数来实现调用结果数量,结果数都集成在列表分页标签里了,如果我们需要这个数量的单独调用,就要进行二次开发了。织梦dedecms后台首页很卡怎么办
Dedecms5.7上传到服务器后感觉进入后台首页很卡,而且服务器占用CPU会飚升,服务器和浏览器都会卡到。织梦dedecms实现无限数量的交叉副栏目的代码实例
目前织梦dedecms副栏目选择只能选择为9个,但就是有稀奇古怪的客户想选择更多,研究了一下后知道是js调用的问题。下面是修改方法:打开dede/js/m怎么实现dedecms导航栏上栏目分散对齐
最近一位朋友刚学习用织梦CMS制作网站,由于栏目比较少,所以导航上显得比较短,不够美观。请教于我,让我帮助栏目分散对齐。
留言与评论 (共有 0 条评论) |