搜索
Hi~登录注册
查看: 1916|回复: 0

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

[复制链接]

1892

主题

1899

帖子

6406

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6406
发表于 2015-4-17 13:54:14 | 显示全部楼层 |阅读模式

                 


        在织梦建站中,文章列表隔行换色能使文章显得更要层次一点,我们可以用些较淡的颜色来区分不同的行。
        需要列表隔行换色的朋友可以参考以下代码进行修改。
        首页要加对应的换色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模板修改。
        更多教程:<span>织梦建站教程之织梦标签扩展应用</span>
公众微信:idc5ahl
公众QQ:吾爱互联
关注公众微信,公众QQ每天领现金卡密
卡密介绍(http://www.5ahl.com/thread-2182-1-1.html
回复

使用道具 举报

游客
回复
您需要登录后才可以回帖 登录 | 点我注册

快速回复 返回顶部 返回列表