dede标签云如何生成不同颜色、不同大小的tag标签

所属分类: CMS教程 / dedecms 阅读数: 876
收藏 0 赞 0 分享
1、选择你所要加页面的模板,一般是在首页index.htm加上如下代码

复制代码
代码如下:

<!-- /下面开始tag标签云 -->
<div>
<dl class="tbox light"> <dt><strong>Tags标签云</strong></dt>
<dd>{dede:tag row='45' getall='1' sort='hot'}
<a href='[field:link/]' title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a>
{/dede:tag}
</dd>
</dl>
</div>
<!-- /tag标签云结束 -->
***或(测试通过)***
<li>
<div class="s_title"><h2>热门标签</h2></div>
<div class="tagnews">
{dede:tag row='35' sort='month'}
<a href='[field:link/]' title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a>
{/dede:tag}
</div>
</li>

2、在/include/common.func.php 中加入如下函数。

复制代码
代码如下:

function getTagStyle()
{
$minFontSize=8; //最小字体大小,可根据需要自行更改
$maxFontSize=18; //最大字体大小,可根据需要自行更改
return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));
}

此函数的作用是输出随机的样式,包括font-size和color。

如果你想指定只显示几个字体大小,而不是完全随机,请将上面的函数代码修改为:

复制代码
代码如下:

function getTagStyle()
{
$sizearray = array('8','9','10','11','12','20'); //自定义字体大小,可根据需要自行修改
return 'font-size:'.$sizearray[rand(0,count($sizearray))].'pt;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));
}

3、生成以下即可看到效果!

最后让大家看一下效果图:效果图
更多精彩内容其他人还在看

使用Dedecms中七个容易忽略的安全细节介绍

dede也许站长都会用了.但是有不少的细节和经验还是要注意的
收藏 0 赞 0 分享

让Dedecms自带搜索实现全文检索(支持标题与内容)

Dedecms 5.5 5.6默认的模糊搜索只能根据网站文章的名称进行搜索,无法搜索到文章内部信息,下面讲一下如何让Dedecms自带搜索实现全文检索
收藏 0 赞 0 分享

织梦DedeCms v5.6/5.7 新图集页面增加图片下载功能

织梦DedeCms v5.6/5.7 新图集页面增加图片下载功能,其实就是加个右键下载提示功能
收藏 0 赞 0 分享

dedecms5.7sp1评论添加字段的实现方法

有时候我们需要对评论添加字段,让用户更喜欢留言,有类似需要的朋友可以参考下
收藏 0 赞 0 分享

织梦CMS采集时keywords字段无法添加过滤规则的解决方法

有朋友反馈,采集规则编写时,需要对keywords进行剔除,使用 {dede:trim replace=''}(.*){/dede:trim} 过滤规则无效。查看了下,附上解决办法
收藏 0 赞 0 分享

dedecms实现大图showphoto.htm输出图集内容简介方法

dedecms实现大图showphoto.htm输出图集内容简介方法,需要的朋友可以参考下
收藏 0 赞 0 分享

为DedeCMS换上精美多样的提示信息窗口

为DedeCMS换上精美多样的提示信息窗口 用到的开源项目:DedeCMS ,artdialog 步骤
收藏 0 赞 0 分享

DedeCMS Pagetitle 标记使用实例教程

DedeCMS Pagetitle 标记使用实例教程 【Pagetitle 标记】 功能说明:表示获取文档的分页标题 适用范围:仅文档模板
收藏 0 赞 0 分享

织梦DedeCMS实现 三级栏目_二级栏目_一级栏目_网站名称 的效果代码

用这个办法,可以实现
收藏 0 赞 0 分享

dedecms获取文档当前栏目所在目录链接URL

dedecms内容页调用当前栏目其实用下来是调用不出来的,{dede:field.typename/}是有效的,可是 {dede:field.typeurl/}却调不出文档当前栏目所在目录链接URL
收藏 0 赞 0 分享
查看更多