帝国CMS文章列表不同图文样式怎么调用?(帝国CMS首页或列表页实现图文不同样式调用的方法)
帝国CMS文章列表不同图文样式怎么调用?(帝国CMS首页或列表页实现图文不同样式调用的方法)
现在用帝国CMS建站的的朋友们越来越多了,使用人群越多,那么大家遇到的问题也就越多了,例如今天帝国模板网小编整理的问题:帝国CMS文章列表不同图文样式怎么调用?这个功能需求其实很多网友都能用上,那么今天帝国MCS模板网小编就来告诉大家帝国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> ';
好了,搞定!大家赶快去试试吧!
热门排行
-
帝国cms网站地图sitemap.xml的制作方法2022年03月07日74
-
帝国CMS怎么提高网页打开速度?(帝国CMS提2022年04月06日52
-
帝国CMS信息提示页美化模板(分享一个帝2022年03月09日49
-
帝国cms列表页调用文章关键词与tag的方2022年03月07日46
-
帝国CMS列表页文章怎么升序降序排列文2022年03月11日43
-
帝国CMS内容模板获取所有分页数和当前2022年04月05日43