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.12.23

    WordPress优秀主题推荐(第1季)

    本人博客将正式开启 WordPress 优秀…

  2. 没有图片

    2011.05.02

    WordPress提取某分类或者某标签下文章(支持分页)

    其实这篇日志的内容是菜鸟级别的,就是希望对菜…

  3. 没有图片

    2010.05.10

    支付宝如何获取交易安全验证码及合作者ID

    一、请在支付宝(http://alipay.…

  4. 没有图片

    2009.10.22

    WordPress升级教程(菜鸟篇)

    Wordpress 2.8.5正式版已经出来…

  5. 没有图片

    2011.10.23

    WordPress日志分栏显示方法初探

    通常我们见到的WordPress博客显示的文…

  6. 2014.03.27

    优秀的 HTML 和 CSS 代码规范

    HTML 语法 用两个空格来代替制表符(ta…

评论

还没有评论。