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

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

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2016-06-21 21:13:26
文章简介

快速掌握帝国CMS列表页置顶信息加图标技巧,提升网页视觉效果与用户体验,简单教程助您轻松实现置顶内容的个性化展示。

  • 正文开始
  • 相关阅读
  • 推荐作品

帝国CMS实现列表页信息列表置顶信息加上置顶小图标的教程。

如赶集网、58同城等都有这样的效果:

11.jpg

 

1、在列表模板内容 勾选“使用程序代码”

22.jpg

2、在内容模板(list.var) (*)里面添加以下代码:

$r[title]=esub($r[title],27);if($r[istop]==1){$istop='<em class="ico-stick-yellow" title="置顶信息,效果更好"></em>';}else{$istop='';}$listtemp='<li><a href="[!---titleurl--]" target="_blank">[!---oldtitle--]</a><a href="#" target="_blank">'.$istop.'</a></li>';

 

$istop='<em class="ico-stick-yellow" title="置顶信息,效果更好"></em>';

这段代码意思就是  如果是置顶信息,就会输出这段内容。 我这里是输出一个<em>然后在CSS里用样式来显示“顶”图标。

也可以根据自己的需要修改,如改成:

$istop='置顶信息';

 

 

 

帝国CMS推荐信息加图标标记的教程
« 上一篇 2016年06月21日
帝国CMS列表/标签/JS支持置顶的方法
下一篇 » 2016年06月27日

如本文对您有帮助,就请墨鱼抽根烟吧!