您现在的位置是:首页 > 博客网站制作 > 个人博客搭建个人博客搭建
帝国cms 首页或者列表页 实现图文不同样式调用方法
杨青2018-05-09【个人博客搭建】人已围观
简介如图,要实现上图效果,我采用如下方法:1、首先在数据库模型,增加字段,分别是图片2,图片3。2、增加标签模板,用if,else if 来判断,输出。思路已打开,样式调用就可以多样化啦!
如图,要实现上图效果,我采用如下方法:
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>
';
Tags:
很赞哦! ()
相关文章
随机图文
七夕情人节,网页素材收集
七夕情人节到啦,青于蓝给大家收集了一些关于七夕情人节的素材,包括七夕情人节的背景图,七夕情人节的透明png图片,可以用来做七夕情人节的产品宣传,当然还可以拿去做个漂亮的P图给心仪的女孩子表白,拿去哦,不谢不谢!帝国cms灵动标签,附加sql条件
帝国cms灵动标签调用,sql附加条件,比如头条,推荐,置顶。二级头条调用:标签附加SQL条件参数设置为:'firsttitle=2'。四级推荐调用:标签附加SQL条件参数设置为:'isgood=4'。置顶:istop。帝国cms新闻系统增加图片集,并且列表模板调用所有小图实现方法
1、增加字段,可以仿照图片系统的字段值,添加到新闻系统,注意值,要不然调不出来
2、保存后,修改系统模型刷新数据库,这样,新闻系统增加信息,就会有图集帝国cms 如何使用静态页面?
一般模板下载站,包括我的网站,所说的静态页面模板,指的是html页面。一个不需要后台,不需要数据库就能预览的页面。例如,纯文字《时尚黑》这个博客模板,html代码是这样