帝国CMS灵动标签中用if判断第X条附加特殊样式

帝国CMS灵动标签中用if判断第X条附加特殊样式

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2016-06-15 00:57:52
文章简介

用灵动标签调用文章的时候,如果没有特殊设置,每条文章的显示样式是一样的。有些人会追求“多彩”的外观,比如设置第三和第六条为红色或者加下划线等等,那么要怎么实现呢?

  • 正文开始
  • 相关阅读
  • 推荐作品

用灵动标签调用文章的时候,如果没有特殊设置,每条文章的显示样式是一样的。有些人会追求“多彩”的外观,比如设置第三和第六条为红色或者加下划线等等,那么要怎么实现呢?

比如调用16条,第8条和第16条采用其它样式,与其它14条样式不同。

代码如下:

<div class="must">
[e:loop={3,16,0,0}]
<?php
if($bqno==8||$bqno==16){
echo '<li style="margin-right:0px;">';
}else{
echo '<li>';
}
?>
<h1 class="app_img"><a href="<?=$bqsr[titleurl]?>" title="<?=$bqsr[title]?>" ><span></span><img src="<?=$bqr[titlepic]?$bqr[titlepic]:'[!---news.url--]e/data/images/notimg.gif'?>" alt="<?=$bqsr[title]?>" width="74″ height="74" /></a></h1>
<h2><a href="<?=$bqsr[titleurl]?>" title="<?=$bqsr[title]?>"><?=esub($bqr[title],6,")?></a></h2></li>
[/e:loop]
</div>

表示:第8条和第16条为(<li style=”margin-right:0px;”>&hellip;&hellip;<li>),而其它14条是(<li>&hellip;&hellip;<li>),li后面没有了style=”margin-right:0px;”样式。

同样,这么一个功能可以扩展出很多大家想要的效果,具体的还是需要大家的探讨和摸索。

更新一个扩展实例:

要调用某个标题分类的文章,实现第一条为图片头条,其他为标题列表。一般情况下,我们会分开来调用,图片归图片,文字归文字,但是这样不仅不方便,而且也因为标题的重复而影响美观。这时候上面的原理就可以实现了。

下面是代码:

[e:loop={'chanye',4,18,0,'ttid=22'}]
<?
if($bqno==1){
?>
<div class="topic_now">
  <div class="tit">
    <h3>本期话题</h3>
  </div>
  <div class="con">
    <div class="huati"><a href="<?=$bqsr[titleurl]?>" target="_blank" title="<?=$bqr[title]?>"><img src="<?=$bqr[titlepic]?>" alt="<?=$bqr[title]?>" />
      <div class="cover">
        <?=esub($bqr[title],30)?>
      </div>
      </a> </div>
  </div>
</div>
<div class="topic_before">
  <div class="tit"><a href="/t/huati/" class="more" target="_blank">更多+</a>
    <h3>往期话题</h3>
  </div>
  <div class="con">
    <ul>
      <?php
      }else{
      ?>
      <li> <a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" class="fl" target="_blank"><img src="<?=$bqr[titlepic]?>" alt="<?=$bqr[title]?>"></a>
        <h4><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" target="_blank">
          <?=esub($bqr[title],30)?>
          </a></h4>
        <p>
          <?=esub($bqr[smalltext],10)?>
        </p>
      </li>
      <?
      }
      ?>
    </ul>
  </div>
</div>
[/e:loop]

实现效果如下:

帝国CMS灵动标签中用if判断第X条附加特殊样式

就是这么着,这是一句灵动标签实现的。

帝国CMS列表模板过滤简介的Html代码
« 上一篇 2016年06月15日
帝国CMS结合项在列表页调用内容字段名称
下一篇 » 2016年06月15日

如本文对您有帮助,就请墨鱼抽根烟吧!