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. 没有图片

    2009.10.19

    WordPress评论嵌套下课 -悬浮显示评论菜鸟教程

    可以说目前网上很热门而且受关注的Wordpr…

  2. 没有图片

    2009.09.17

    站长必备网站集锦

    http://www.gotapi.com/…

  3. 没有图片

    2010.03.25

    Adobe Creative Suite 5 | Adobe CS5 将于2010年4月12日发布

    一直用着Adobe 公司的CS3系列,Ado…

  4. 没有图片

    2010.04.21

    IE下全站变灰代码

    因为512汶川地震、414玉树地震,很多站长…

  5. 没有图片

    2011.10.08

    如何在你的网站添加Google+按钮

    一般写篇技术文都是长篇大论,生怕哪里写得不够…

  6. 2011.11.21

    25个美食网站WEB设计欣赏

    菠萝一般不研究美食的,不过今天整理出25个美…

评论

还没有评论。