建站之家专注提供完整无错带后台数据网站模板下载
用户名:
密码:
注册帐号

搜集全网优质网站模板下载 (持续更新 值得关注)

 

建站之家交流群:网站建设交流群

当前位置: 首页 > 建站教程 > 织梦建站教程 >

织梦cms调用不同CSS样式的文章列表

更新时间:2017-10-15 浏览次数:

在网站制作时,往往需要调用的文章列表应用不同的CSS样式,例如第一个,第三个,第五个项目的文字颜色为蓝色,第二个,第四个颜色为黑色。如何通过DEDECMS的代码去调用这样的效果呢?(相关知识:DedeCMS教程)

dedecms调用不同CSS样式的文章列表

这种效果就是要求DEDECMS有规律的列表输出LI标签,然后应用相应的CSS样式。我们可以使用以下的参数:

[field:global name=autoindex runphp="yes"]if(@me%2==0)@me=" class=\"mar20\">";else @me=">";[/field:global]

这个参数可以加在调用的任何一个地方,控制CSS的输出,不仅可以应用于arclist,还可以应用于list,写法都是一样的。

应用于arclist

{dede:arclist typeid='23' limit='0,10' titlelen='28'}
<dl[field:global name=autoindex runphp="yes"]if(@me%2==0)@me=" class=\"mar20\">";else @me=">";[/field:global]
<dt>·[field:title/]</dt>
<dd>[field:pubdate function='MyDate("Y-m-d",@me)'/]</dd>
</dl>
{/dede:arclist}

应用于list

{dede:list pagesize='36'}
<dl><dt><img src="/img/lby_06.jpg" width="9" height="9" /> [field:title/]</dt>
<dd>[field:pubdate function="GetDateMK(@me)"/]</dd></dl>
[field:global name=autoindex runphp="yes"](@me%6)? @me="":@me="</div><div class=\"lby1_3\">";[/field:global]
{/dede:list}

更新:

以上是通过dedecms的代码的方式来控制不同的标签应用不同的样式,还可以直接在CSS中使用CSS选择器来控制子元素。

E:nth-child(even){color:#69c}

无链接信息! 提取密码:无需密码

PHP源码 ASP源码 织梦模板 DISCUZ社区论坛模板 ECSHOP商城模板 帝国CMS模板 Wordpress主题 网站源码 其它源码模板 网站模板源码下载大全

栏目导航

WEB前端开发教程织梦建站教程ecshop建站教程帝国建站教程Discuz使用教程wordpress建站教程