您现在的位置是:首页 > 网站制作 > 网站建设网站建设
帝国cms 首页或者列表页 实现图文不同样式调用方法
胜于蓝2019-07-30【网站建设】人已围观
简介如图,要实现上图效果,我采用如下方法:
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:
很赞哦! ()
相关文章
随机图文
-
帝国cms 如何使用静态页面?
一般模板下载站,包括我的网站,所说的静态页面模板,指的是html页面。一个不需要后台,不需要数据库就能预览的页面。例如,纯文字《时尚黑》这个博客模板,html代码是这样的: <header> -
帝国cms 首页或者列表页 实现图文不同样式调用方法
如图,要实现上图效果,我采用如下方法: 1、首先在数据库模型,增加字段,分别是图片2,图片3 2、增加标签模板,用if,else if 来判断,输出 思路已打开,样式调用就可以多样化啦! 列表内容 -
个人博客用帝国cms 自定义页面 灵动标签调用网站所有信息
例如时间轴这个栏目,要把所有的信息都统计下来,有两种方法,一种是写一个自定义的js,然后调用js,但是这样操作,后台更新会更不上。于是可以用下面这个方法,直接在自定义页面,使用灵动标签调用 -
宝塔LINUX管理面板命令大全
安装宝塔Centos安装脚本 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.shUbuntu/Deepin安装脚本 wget -O instal