织梦建站教程:文章列表隔行换色 隔5行横线

织梦建站中,文章列表隔行换色能使文章显得更要层次一点,我们可以用些较淡的颜色来区分不同的行。
需要列表隔行换色的朋友可以参考以下代码进行修改。
首页要加对应的换色CSS代码:

1 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>

支付宝扫码打赏 微信扫码打赏

如果本文对你有帮助,欢迎打赏本站

喜欢 ()or分享
    匿名评论
  • 评论
人参与,条评论