用灵动标签调用文章的时候,如果没有特殊设置,每条文章的显示样式是一样的。有些人会追求“多彩”的外观,比如设置第三和第六条为红色或者加下划线等等,那么要怎么实现呢?
比如调用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]
<?
}
?>
最终样式:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)