用灵动标签调用文章的时候,如果没有特殊设置,每条文章的显示样式是一样的。有些人会追求“多彩”的外观,比如设置第三和第六条为红色或者加下划线等等,那么要怎么实现呢?
例子:调用10条,第5条和第10条采用其它样式,与其它8条样式不同。
代码如下:
表示:第5条和第10条为(<li ”border-bottom:2px solid #ccc;”>……<li>),而其它8条是(<li>……<li>),li后面没有了”border-bottom:2px solid #ccc;”样式。
同样,这么一个功能可以扩展出很多大家想要的效果,具体的还是需要大家的探讨和摸索。
更新一个扩展实例:
要调用某个标题分类的文章,实现第一条为图片头条,其他为标题列表。一般情况下,我们会分开来调用,图片归图片,文字归文字,但是这样不仅不方便,而且也因为标题的重复而影响美观。这时候上面的原理就可以实现了。
下面是代码:
例子:调用10条,第5条和第10条采用其它样式,与其它8条样式不同。
代码如下:
<div class=”must”>
[e:loop={3,10,0,0}]
<?php
if($bqno==5||$bqno==10)
{
echo ‘<li ”border-bottom:2px solid #ccc”>’;
}
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>
表示:第5条和第10条为(<li ”border-bottom:2px solid #ccc;”>……<li>),而其它8条是(<li>……<li>),li后面没有了”border-bottom:2px solid #ccc;”样式。
同样,这么一个功能可以扩展出很多大家想要的效果,具体的还是需要大家的探讨和摸索。
更新一个扩展实例:
要调用某个标题分类的文章,实现第一条为图片头条,其他为标题列表。一般情况下,我们会分开来调用,图片归图片,文字归文字,但是这样不仅不方便,而且也因为标题的重复而影响美观。这时候上面的原理就可以实现了。
下面是代码:
[e:loop={'数据表名',4,18,0,'其他限制条件'}]
<?
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]