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

    2010.10.04

    Flickr网站解封?

    近来菠萝上一些网站,特别是国外的一些博客,很…

  2. 没有图片

    2009.12.10

    用Box.net打造个人音乐盒

    好久没上Box.net免费网络存储空间了,今…

  3. 没有图片

    2012.03.01

    10个CSS3灯箱切换特效

    灯箱效果一般使用javascript来实现,…

  4. 没有图片

    2010.03.25

    四款Favicon图标在线制作站点

    今天突然发现自己一个网站居然还没有Favic…

  5. 没有图片

    2013.12.31

    OS X Mavericks 10.9正式版下载地址

    OS X Mavericks终于免费了!拥有…

  6. 没有图片

    2013.05.23

    10款优秀的响应式 LightBox

    今年流行响应试WEB页面,网页里使用的Lig…

评论

还没有评论。

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!