织梦dedecms排行榜制作

2021-03-01 作者：匿名阅读：874次

前言

本文主要讲解《织梦dedecms排行榜制作》的详细内容

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

织梦dedecms排行榜制作

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

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

方法二：用css设置不同样式，例如，设置class=top为前三篇文章序号的样式，而其它文章为默认，[field:globalname=autoindex/]标签可以递增的熟练。代码如下：
<UL>

<LIclass="top">[field:globalname=autoindex/]<Atitle=[field:title/]href="[field:arcurl/]"target=_blank>[field:title/]</A></LI>

<LI>[field:globalname=autoindex/]<Atitle=[field:title/]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/]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/]，如果你想得到其它相关效果，可以在百度查相关关键字。

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/web/11370.html

W 导出为.doc文档

标签排行榜织梦 dedecms 制作 dedecms 排行榜

上一篇dedecms提示把数据保存到数据库主表 dede_archives

下一篇织梦留言板guestbook.htm加入头部导航

以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！