最新公告
  • 欢迎光临酷网站-KUWZ.CN 本站专注极品源码亲测发布 不做垃圾搬运 只发极品!立即加入我们
  • 帝国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>
        
        ';

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

     

    1. 本站所有资源均来源于用户上传和网络,如有侵权请邮件联系站长!kuwz@foxmail.com (注明来意)
    2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
    8. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    9. 如遇到加密压缩包,默认解压密码为"www.kuwz.cn",如遇到无法解压的请联系管理员!
    酷网站 » 帝国CMS文章列表不同图文样式怎么调用?(帝国CMS首页或列表页实现图文不同样式调用的方法)

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    酷网站与独木源码网啥关系?
    (⊙o⊙)…简单来说,同一家的!

    发表评论

    • 3135会员总数(位)
    • 1457资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1347勤劳运行(天)

    提供最优质的站长资源集合

    升级SVIP 极品资源
    升级SVIP尊享更多特权立即升级