主页 > 网站建设 > 建站知识 > 织梦建站教程:文章列表隔行换色 隔5行横线

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

POST TIME:2018-01-08 14:18

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

1 li a{ COLOR:#fff} .red{ BACKGROUND-COLOR:red} .blue{ BACKGROUND-COLOR:blue}

织梦模板标签代码:

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>



收缩
  • 微信客服
  • 微信二维码
  • 电话咨询

  • 400-1100-266