• 微信
当前位置:首页 > 学无止境 > 帝国cms

帝国cms 首页或者列表页 实现图文不同样式调用方法

作者:杨青青 时间:2018-05-09 阅读数:人阅读


如图,要实现上图效果,我采用如下方法:
1、首先在数据库模型,增加字段,分别是图片2,图片3
2、增加标签模板,用if,else if 来判断,输出

思路已打开,样式调用就可以多样化啦!

列表内容模板(list.var) (*)

$titlepic='';
$titlepic2='';
$titlepic3='';
if($r[titlepic] and $r[titlepic2] and $r[titlepic3])
{
$titlepic='<img src="[!--titlepic--]" /><img src="[!--titlepic2--]" /><img src="[!--titlepic3--]" /></a>';
}
else if($r[titlepic])
{
$titlepic='<span class="blogpic" ><a href="[!--titleurl--]" title="[!--oldtitle--]"><img src="[!--titlepic--]" alt="[!--oldtitle--]" /></a></span>';
}
$listtemp='
      <li>
        <div class="bloginfo">'.$titlepic.'
          <p>[!--smalltext--]...</p>
        </div>
      </li>
';

那如果要更换标题位置怎么办?,再加一个titlepic为空的判断,这样无图情况下的标题就能调用出来了

代码如下:

$titlepic='';
$titlepic2='';
$titlepic3='';
$bigpic='';
if($r[titlepic] and $r[titlepic2] and $r[titlepic3])
{
$titlepic='
  <h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
   <span class="bplist"><a href="[!--titleurl--]" title="[!--oldtitle--]">
      <li><img src="[!--titlepic--]" alt="[!--oldtitle--]"></li>
      <li><img src="[!--titlepic2--]" alt="[!--oldtitle--]"></li>
      <li><img src="[!--titlepic3--]" alt="[!--oldtitle--]"></li>
      </a></span>';
}
else if($r[bigpic])
{
  $titlepic='
  <span class="bigpic"><a href="[!--titleurl--]" title="[!--oldtitle--]"><img src="[!--bigpic--]" alt="[!--oldtitle--]"></a></span>
  <h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
';
}
else if($r[titlepic])
{
$titlepic='
  <h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
  <span class="blogpic"><a href="[!--titleurl--]" title="[!--oldtitle--]"><img src="[!--titlepic--]" alt="[!--oldtitle--]"></a></span>
';
}
else if(empty($r[titlepic]))
{
$titlepic='
  <h3 class="blogtitle"><a href="[!--titleurl--]" target="_blank" >[!--title--]</a></h3>
';
}
$listtemp=' 
 <div class="blogs" data-scroll-reveal="enter bottom over 1s" >    
      '.$titlepic.'
      <p class="blogtext">[!--smalltext--]... </p>
      <div class="bloginfo">
        <ul>
          <li class="author">[!--writer--]</li>
          <li class="lmname"><a href="[!--this.classlink--]"  target="_blank" >[!--this.classname--]</a></li>
          <li class="timer">[!--newstime--]</li>
          <li class="view"><span>[!--onclick--]</span>已阅读</li>
          <li class="like">[!--diggtop--]</li>
        </ul>
      </div>
    </div>
    
    ';

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:dacesmiling@qq.com

标签:帝国cms
微信

杨青青

Hi~如果您正好看到这里,可以扫一扫微信二维码加我为好友,我是一个喜欢交朋友的人,我知道您也是哦~

微信
阿里云