首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国CMS列表页置顶信息加图标教程

帝国CMS列表页置顶信息加图标教程

时间：2023年08月26日

来源：网络

编辑：佚名

帝国CMS列表模板&列表页如何&怎样给置顶信息&推荐&头条添加图标？列表页置顶信息添加图标详细教程&指南&说明，适用于帝国CMS7.5,7.2,7.0,6.6……
效果展示

帝国CMS列表页置顶信息加图标教程第1张
帝国CMS列表页如何给置顶信息加图标?
列表页置顶信息加图标详细教程：
1)列表模板勾选“使用程序代码”；

帝国CMS列表页置顶信息加图标教程第2张
注意：“使用程序代码”输出变量不需要写<?php ?>或<?=?>标签，变量输出用 '.$变量名.' 即可。
2)列表内容模板加入条件判断。如
if($r[istop]<>0){$istop=' top';}
if($r[isgood]<>0){$isgood=' good';}
$listtemp='
<li class="item'.$istop.''.$isgood.'">
<a class="pic" href="[!--titleurl--]" title="[!--title--]" target="_blank">
<img alt="[!--title--] 效果图" title="[!--title--] 效果图" src="[!--titlepic--]">
</a>
</li>
';
说明：if($r[istop]<>0){$istop=' top';}判断信息是否为置顶信息，是置顶信息则$istop=' top'，然后在列表模板$listtemp=''中输出$istop.然后对clsss="top"写CSS样式，即可实现置顶信息或推荐信息加图片。
CSS样式如：（开拓族是写在::before伪元素里的）
position: absolute;
right: 0;
z-index: 1;
width: 50px;
height: 50px;
background: url(https://www.78moban.com/d/file/img/allico.png);
background-position: -150px -150px;
background-size: 500px 500px;
background-repeat: no-repeat;
content: "";

新闻资讯更多

猜你需要