您现在的位置是：首页 > cms教程 > 帝国CMS教程帝国CMS教程

帝国CMS列表页置顶信息加置顶图标的方法

鹏煊2023-01-22帝国CMS教程已有人查阅

导读帝国CMS实现列表页信息列表置顶信息加上置顶小图标的教程。如赶集网、58同城等都有这样的效果：

帝国CMS实现列表页信息列表置顶信息加上置顶小图标的教程。如赶集网、58同城等都有这样的效果：
1、在列表模板内容勾选“使用程序代码”

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推荐信息怎么加图标标记的方法

下一篇：帝国CMS列表/标签/JS怎么支持置顶的方法

图文教程

相关源码

(自适应)品牌策划网络设计作品公司个人pbootcms网站源码下载本款基于PbootCMS开发的网站模板专为品牌策划、设计公司打造，特别适合展示创意作品、设计案例和企业服务。模板采用现代化设计风格查看源码
WordPress个人博客主题 - wp-Concise-v1.0免费下载wp-Concise-v1.0是一款专为个人博客设计的简约风格主题，采用全宽排版设计理念，注重内容呈现效果。该模板适用于个人随笔、技术分享、生活记录等博客场景，帮助用户打造专业的内容展示空间。查看源码
(自适应)pbootcms模板五金元件气缸气动系统源码下载基于PbootCMS核心开发的气缸气动系统网站模板，为五金元件、气动设备制造企业设计。采用响应式布局技术，自动适配手机、平板等移动设备，确保各类终端用户获得良好浏览体验。查看源码
(自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板，采用响应式布局技术，适配各类移动终端设备。模板设计聚焦科技行业特性，通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码
帝国cms7.5自适应作文新闻资讯教育网站模板本模板基于帝国CMS7.5内核开发，为教育机构、培训学校等知识传播单位打造。通过自适应设计确保在手机、平板、电脑等设备上均能获得专业浏览体验查看源码
(自适应)APP应用软件落地页单页推广页网站模板下载基于PbootCMS内核开发的响应式单页模板，为企业产品展示、服务推广等应用场景设计。通过简洁直观的视觉布局与高效的技术架构，帮助用户快速构建专业级落地页面，实现移动端与PC端数据实时同步展示。查看源码