最新公告
  • 欢迎您光临牛气网,本站秉承“用心服务,做好服务”致力为站长提供优质的售后服务!立即加入我们
  • DedeCMS列表页隔行/多行随意换色

    在很多列表调用的时候都需要有隔行换色或者多行不同颜色,特别在全通式的首页轮展图的时候,要想实现轮展图背景随着图片的更换,超过三张或多张的时候,隔行换色已经不能解决问题了,在原来的隔行换色的基础上,进行小小的修改就可以实现这样的功能。

    列表调用隔行换色

    全通式首页轮展图背景色更换

    照片墙形式

    标签说明:

    arclist 标签下使用 [field:global.autoindex/] 默认从1开始
    channel 标签下使用 [field:global.autoindex/] 默认从0开始
    channelartlist 标签下使用 {dede:global.itemindex/} 默认从1开始

    arclist 从0开始[field:global name=autoindex runphp="yes"]@me=@me-1;[/field:global]
    channel 从1开始[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global][field:typename/]
    channelartlist 从0开始{dede:global name=itemindex runphp='yes'}@me=@me-1;{/dede:global}

    channelartlist 标签下使用 {dede:global name='itemindex' runphp='yes'}@me;{/dede:global}

    隔行换色(增加样式),list同arclist

    <div>
    <ul>
    {dede:list pagesize='50'}
    <li>
    [field:global runphp='yes' name=autoindex]
    $a="<div id='a'>";
    $b="<div id='b'>";
    if ((@me%2)==0) @me=$a;
    else @me=$b;
    [/field:global]
    <span class="date">[[field:typelink/]][field:pubdate function="MyDate('Y-m-d',@me)"/]</span>
    <a href="[field:arcurl /]">[field:title /]</a>
    </li>
    {/dede:list}
    </ul>
    </div>

    如果运用channel弄隔行换色,需要自增从1开始,精简写法如下:

    <div>
    <ul>
    {dede:channel row=6 typeid=''}
    [field:global name=autoindex runphp="yes"]((@me+1) % 2 == 0)?@me="<li class=\\"last\\">":@me="<li>";[/field:global]
    <h4 class="title">[field:title/]</h4>
    </li>
    {/dede:channel}
    </ul>
    </div>

    隔3行(n行)换色(增加样式)精简写法,替换橙色字体部分

    <div>
    <ul>
    {dede:arclist row=6 typeid=''}
    [field:global name=autoindex runphp="yes"](@me % 3 == 0)?@me="<li class=\\"last\\">":@me="<li>";[/field:global]
    <h4 class="title">[field:title/]</h4>
    </li>
    {/dede:arclist}
    </ul>
    </div>

    多行随意换色(增加样式)

    <div>
    <ul>
    {dede:arclist typeid='8' row='6' orderby='weight'}
    [field:global runphp='yes' name=autoindex]
    $a="<li class='gd1'>";
    $b="<li class='gd2'>";
    $c="<li class='gd3'>";
    $d="<li class='gd4'>";
    $e="<li class='gd5'>";
    $f="<li class='gd6'>";
    if ((@me/1)==1) @me=$a; <!–调用的<li>次数(第一次调用)能被1整除,则该<li>对应$a的class='gd_1'–>
    else if ((@me/2)==1) @me=$b;<!–调用的<li>次数(第二次调用)能被2整除,则该<li>对应$b的class='gd_2'–>
    else if ((@me/3)==1) @me=$c;<!–调用的<li>次数(第三次调用)能被3整除,则该<li>对应$c的class='gd_3'–>
    else if ((@me/4)==1) @me=$d;<!–调用的<li>次数(第四次调用)能被4整除,则该<li>对应$d的class='gd_4'–>
    else if ((@me/5)==1) @me=$e;<!–调用的<li>次数(第五次调用)能被5整除,则该<li>对应$e的class='gd_5'–>
    else if ((@me/6)==1) @me=$f;<!–调用的<li>次数(第六次调用)能被6整除,则该<li>对应$f的class='gd_6'–>
    [/field:global]
    <div class="gdbox">
    <a href="[field:arcurl/]"><img src="[field:litpic/]" width="" height="" alt='[field:title function='html2text(@me)/][field:spacename/]' /></a>
    <p><a href='[field:arcurl/]'>[field:title/]</a></p>
    </div>
    </li>
    {/dede:arclist}
    </ul>
    </div>

    精简写法

    <div>
    <ul>
    {dede:arclist row=6 typeid=''}
    <li class=gd_[field:global.autoindex]>
    <h4 class="title">[field:title/]</h4>
    </li>
    {/dede:arclist}
    </ul>
    </div>

    公共css样式部分

    这里注意每张图的在调用的时候width和height可以为空,如果是或者乱填都没关系,靠样式进行定义。

    <style type="text/css">
    .gd1{width:750px;height:330px}
    .gd2{width:370px;height:165px}
    .gd3{width:185px;height:165px}
    .gd4{width:185px;height:165px}
    .gd5{width:335px;height:247px}
    .gd6{width:335px;height:247px}
    .gd1 img{width:750px;height:330px}
    .gd2 img{width:370px;height:165px}
    .gd3 img{width:185px;height:165px}
    .gd4 img{width:186px;height:165px}
    .gd5 img{width:335px;height:247px}
    .gd6 img{width:335px;height:247px}
    </style>

    1、本站所有资源皆来源于网络和用户自行上传,因此不包括售后和技术,敬请谅解!
    2、本站不保证所提供的源码的准确性、安全性和功能完善性,资源仅用于学习用!
    3、您下载的资源,请务必在24小时内删除,资源仅提供本地测试,请勿商用或者非法用途都与本站无关,一切后果自负!
    4、如发现资源下载不了,或者侵权请及时联系客服或者邮箱admin#niuqi.net,#改为@!
    牛气网 » DedeCMS列表页隔行/多行随意换色

    发表评论

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: admin@niuqi.net),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者

    发表评论

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: admin@niuqi.net),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者
    • 62会员总数(位)
    • 3448资源总数(个)
    • 1611本月发布(个)
    • 0 今日发布(个)
    • 378已陪伴您(天)

    牛气网NIUQI.NET站长源码平台

    开通SVIP会员 了解详情
    升级SVIP尊享更多特权立即升级