您好,欢迎来到建站之家源码网建站之家!只做精品网站源码
  • 首 页
  • 当前位置:首页 > 建站教程 > 织梦建站教程 >
    织梦cms调用不同CSS样式的文章列表
    时间:2017-10-15 14:40 来源:未知 作者:admin 浏览:收藏 打印

    在网站制作时,往往需要调用的文章列表应用不同的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}

    标签:建站之家

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请及时联系QQ:1395550247,我们尽快处理。

    DEDECMS织梦网站模板安装教程DEDECMS织梦网站模板安装教程
    织梦建站教程|企业网站建设视频教程【完整全套】织梦建站教程|企业网站建设视
    DEDE织梦CMS建站零基础到高级仿站视频教程(全套DEDE织梦CMS建站零基础到高级仿
    支持建站之家广告栏目
      客服:我们竭诚为您服务!

      客服:我们竭诚为您服务!