帝国CMS文章列表不同图文样式怎么调用?(帝国CMS首页或列表页实现图文不同样式调用的方法)

  帝国CMS文章列表不同图文样式怎么调用?(帝国CMS首页或列表页实现图文不同样式调用的方法)

  现在用帝国CMS建站的的朋友们越来越多了,使用人群越多,那么大家遇到的问题也就越多了,例如今天帝国模板网小编整理的问题:帝国CMS文章列表不同图文样式怎么调用?这个功能需求其实很多网友都能用上,那么今天帝国MCS模板网小编就来告诉大家帝国CMS首页或列表页实现图文不同样式调用的方法!一起来了解一下吧:

  具体实现方法如下:

帝国CMS文章列表不同图文样式怎么调用?(帝国CMS首页或列表页实现图文不同样式调用的方法) 帝国CMS教程

  如图,要实现上图效果,我采用如下方法:

  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>
    
    ';

  好了,搞定!大家赶快去试试吧!


免责声明:

本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:

二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

注:本站《整站源码》《Discuz插件》栏目中所有资源均来自网络转载,版权归原作者和公司所有,如果有侵犯到您的权益,请第一时间联系邮箱:852414410@qq.com 我们将配合处理!

-----------------------------------------------------------------------------------------------------------

版权声明:

一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------


帝国CMS模板网 » 帝国CMS文章列表不同图文样式怎么调用?(帝国CMS首页或列表页实现图文不同样式调用的方法)

发表评论

您需要后才能发表评论

专注帝国CMS模板开发、建站、一站式服务平台

查看演示 联系站长