【开拓族】免费网站模板下载,专业网站建设,织梦帝国仿站,SEO优化教程,新闻发布,5折主机

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

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

效果展示

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

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

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

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

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

注意:“使用程序代码”输出变量不需要写<?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(https://img.kaituozu.com/img/allico.png);
  7. background-position: -150px -150px;
  8. background-size: 500px 500px;
  9. background-repeat: no-repeat;
  10. content: "";

声明:开拓族内容以原创为主,如需转载请注明出处。如果您发现有涉嫌抄袭的内容,欢迎发送邮件至:kaituozu@qq.com 进行举报,并提供相关证据,一经查实,开拓族将立刻删除涉嫌侵权内容。