欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 织梦教程 > 给DedeCMS内容列表标题后面添加“热门”或“最新”的图标

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:500

给DedeCMS内容列表标题后面添加“热门”或“最新”的图标

发布时间:2020-09-06  

当我们用DedeCMS做网站的时候,尤其是一些大型门户网站,需要给首页或者栏目封面页的文章内容列表的标题前面或者后面添加一个带有“热门”或者“最新”标识的小图标,用来区分热门文章和最新发布的文章。如下图:


给dedecms内容列表标题添加热门图标以及最新图标



下面,织梦58就教大家如何实现这个功能:

首先你需要准备有“热门”或者“最新”标识的图标,具体图标可以去百度下载或者在织梦58的织梦素材专区查找下载。

然后就是首页或者封面页内容列表循环标签中图标调用标签的添加了。

最新文章显示“最新”图标的标签:在列表循环标签里面的文章标题调用标签的前面或者后面添加如下代码:

[field:pubdate runphp='yes']
$ntime = time();
$day3 = 3600 * 24 * 3;
if(($ntime – @me) < $day3) @me = "<span class='new_ico'></span>";
else @me ="";
[/field:pubdate]


上面代码中的红色数字3表示在最近3天以内发布的文章被列为最新文章,标题前面将会带有<span class='new_ico'></span>代码,数字可以随意修改,我们需要做的就是在CSS里面给new_ico样式定义一个宽度和高度还有背景,背景图片就是那个“最新”标识的图标。

下面是“热门”图标的标签:

[field:click runphp='yes']
if(@me > 1000 )@me = "<span class='hot_ico'></span>";
else @me = "";
[/field:click]


上面代码中的红色数字1000表示点击率超过1000的文章将被列为热门文章,标题前面将会带有<span class='hot_ico'></span>代码,和最新图标一样,我们只要在CSS里面给hot_ico定义一个样式就行了。