POST TIME:2018-01-08 14:18
在織夢建站中,文章列表隔行換色能使文章顯得更要層次一點(diǎn),我們可以用些較淡的顏色來區(qū)分不同的行。
需要列表隔行換色的朋友可以參考以下代碼進(jìn)行修改。
首頁要加對應(yīng)的換色CSS代碼:
1 | li a{ COLOR:#fff} .red{ BACKGROUND-COLOR:red} .blue{ BACKGROUND-COLOR:blue} |
織夢模板標(biāo)簽代碼:
1 | {dede:arclist typeid='1' titlelen='40' row='20' typeid="" } |
2 | <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> |
3 | {/dede:arclist} |
文章列表隔五行一條橫線:
01 | {dede:list pagesize=’50′} |
02 | <LI><a href=”[field:arcurl /]” title=”[field:title function='htmlspecialchars(@me)'/]” |
03 | target=_blank>[field:title function="cn_substr(@me,48)"/]</a>[field:pubdate runphp='yes'] |
04 | $a=”<font color=red>”.strftime(‘%m-%d’,@me).”</font>”; |
05 | $b=strftime(‘%m-%d’,@me); |
06 | $ntime = time(); |
07 | $day3 = 3600 * 24; |
08 | if(($ntime – @me) < $day3) @me = $a; |
09 | else @me =$b; |
10 | [/field:pubdate]<br> |
11 | [field:global name=autoindex runphp="yes"] |
12 | if(@me%5==0)@me=”<hr />”; |
13 | else @me=”"; |
14 | [/field:global] |
15 | {/dede:list} |
16 | <DIV></DIV></LI> |