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

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

代码如下:

同样,这么一个功能可以扩展出很多大家想要的效果,具体的还是需要大家的探讨和摸索。表示:第8条和第16条为(<li style=”margin-right:0px;”>……<li>),而其它14条是(<li>……<li>),li后面没有了style=”margin-right:0px;”样式。

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

下面是代码:

<h2>点击排行</h2>
 
[e:loop={'news',5,19,1}]
<?
if($bqno==1)
{
?>
      <ul class="tjpic">
        <i><img src="<?=$bqr[titlepic]?>"></i>
        <p><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" target="_blank"><?=$bqr[title]?></a></p>
      </ul>
<?php
}
else{
?>
      <ul class="sidenews">
        <li> <i><img src="<?=$bqr[titlepic]?>"></i>
          <p><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" target="_blank"><?=$bqr[title]?></a></p>
          <span>[<?=date('Y-m-d',$bqr[newstime])?>]</span> </li>
      </ul>
[/e:loop]
<?
}
?>

 

最终样式:

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。