DEDECMS 文章列表隔行换色|分组加分隔线的办法

有些时候,一整个页面的文章列表看起来会有点乱乱的感觉,如果给整页列表内容实现隔行换一种颜色,之后再给列表进行一个分组,阅读起来就爽多了,以下是实现办法:

找到文件 inc_channel_unit_functions.php ,在文件的下面加入以下代码:

//zouql
//$f 列表总数
//$t 每组列表数
function MyList($f,$t,$meid,$con)
{
if($meid%$t ==0 && $meid < $f)
return $con;
}

在模板文件里使用以下代码,就可以实现隔行换色效果:

<ul>
{dede:arclist row=20 titlelen=80 orderby=pubdate}
<li [field:global name=autoindex function=’MyList(“20″,”2″,@me,”class=\”color\””)’/]>[field:textlink/]</li>
[field:global name=autoindex function=’MyList(“20″,”5″,@me,”<li class=\”line\”></li>”)’/]
{/dede:arclist}
</ul>

上面例子中包含了2个用法:

[field:global name=autoindex function=’MyList(“20″,”2″,@me,”class=\”color\””)’/]

[field:global name=autoindex function=’MyList(“20″,”5″,@me,”<li class=\”line\”></li>”)’/]

第一个,如果你定义了相关css,就是隔行变色
第二 个,如果你定义了相关css,就是隔5行加一横线,20个列表加3个线不是4个,最后一个一般不用加分隔线,如果想在最后也加分隔线的话,去掉 && $meid < $f 即可。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2013.04.19

    WordPress淘宝客主题 xTaoBaoKe V3.0 发布

    在WordPress淘宝客主题: xTaoB…

  2. 没有图片

    2012.12.12

    WordPress后台面板配色插件: Colors Branding

    很少有人对WordPress后台进行改动或美…

  3. 2014.03.18

    WP盒子原创WordPress博客主题 WPBox-One V1.0.1 发布

    WPBOX-One WordPress主题,…

  4. 没有图片

    2012.12.12

    WordPress 3.5 正式版发布 李思章博客升级

    本来只打算更新一下WordPress插件技术…

  5. 没有图片

    2010.03.03

    几行代码让你的WordPress兼容更多浏览器

    我们在设计主题的时候,经常遇到主题与浏览器的…

  6. 没有图片

    2012.12.19

    WordPress循环调用分类及分类下文章标题

    WordPress各种调用都已经很熟悉了,但…

评论

还没有评论。