欢迎光临站壳网!我们为您提供最优质的建站资源!

当前位置: 站壳网>建站教程>织梦CMS教程> 织梦文章列表隔行换色 隔5行横线
分享本文到:

织梦文章列表隔行换色 隔5行横线

发布时间:12/05 来源:www.zhankr.net 浏览: 关键词:

在织梦建站中,文章列表隔行换色能使文章显得更要层次一点,我们可以用些较淡的颜色来区分不同的行。
需要列表隔行换色的朋友可以参考以下代码进行修改。
首页要加对应的换色CSS代码:
li a{ COLOR: #fff } .red{ BACKGROUND-COLOR: red } .blue{ BACKGROUND-COLOR: blue }
织梦模板标签代码:
{dede:arclist typeid='1' titlelen='40' row='20' typeid="" } <li [field:global name=autoindex runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]</a></li> {/dede:arclist}
文章列表隔五行一条横线:
{dede:list pagesize=’50′} <LI><a href=”[field:arcurl /]” title=”[field:title function='htmlspecialchars(@me)'/]” target=_blank>[field:title function="cn_substr(@me,48)"/]</a>[field:pubdate runphp='yes'] $a=”<font color=red>”.strftime(‘%m-%d’,@me).”</font>”; $b=strftime(‘%m-%d’,@me); $ntime = time(); $day3 = 3600 * 24; if(($ntime – @me) < $day3) @me = $a; else @me =$b; [/field:pubdate]<br> [field:global name=autoindex runphp="yes"] if(@me%5==0)@me=”<hr />”; else @me=”"; [/field:global] {/dede:list} <DIV></DIV></LI>
以上代码仅供参考,需要实现隔行换色或者5行N行分割的朋友请根据自己的dedecms模板修改。

当前文章网址:http://www.zhankr.net/jiaocheng/dedecms/201512/1305.html 转载请注明出处!

共有188人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论
顶部