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

2017-04-13 20:59:13 dedecms

织梦

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

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>