首页 > 学习 文章正文

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

学习 2022-06-24 16:18:47
后台-插件-广告管理-内容页头部广告（手机）

帝国CMS列表页如何给置顶信息 加图标?列表页置顶信息 加图标详细教程：1)列表模板勾选“使用程序代码”；注意：“使用程序代码”输出变量不需要写<?php ?>或

帝国CMS列表页如何给置顶信息 加图标?

列表页置顶信息 加图标详细教程：

1)列表模板勾选“使用程序代码”；

注意：“使用程序代码”输出变量不需要写<?php ?>或<?=?>标签，变量输出用 '.$变量名.' 即可。

2)列表内容模板加入条件判断。如

  1. if($r[istop]<>0){$istop=' top';}
  2. if($r[isgood]<>0){$isgood=' good';}
  3. $listtemp='
  4. <li class="item'.$istop.''.$isgood.'">
  5.     <a class="pic" href="[!--titleurl--]" title="[!--title--]" target="_blank">
  6.         <img alt="[!--title--] 效果图" title="[!--title--] 效果图" src="[!--titlepic--]">
  7.     </a>
  8. </li>
  9. ';

说明：if($r[istop]<>0){$istop=' top';}判断信息是否为置顶信息，是置顶信息则$istop=' top'，然后在列表模板$listtemp=''中输出$istop.然后对clsss="top"写CSS样式，即可实现置顶信息或推荐信息加图片。

CSS样式如：（开拓族是写在::before伪元素里的）

  1. position: absolute;
  2. right: 0;
  3. z-index: 1;
  4. width: 50px;
  5. height: 50px;
  6. background: url(/d/file/img/allico.png);
  7. background-position: -150px -150px;
  8. background-size: 500px 500px;
  9. background-repeat: no-repeat;
  10. content: "";
后台-插件-广告管理-内容页尾部广告（手机）

标签： 帝国CMS 

相关文章

帝国CMS列表页置顶信息 加图标教程Copyright @ 2022 All Rights Reserved. 版权所有 备案号：辽ICP备10018320号-18 由帝国CMS强力驱动 站长微信：jiangeseo