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

所属分类: CMS教程 / dedecms 阅读数: 865
收藏 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、生成以下即可看到效果!

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

dedecsm模板中首页如何实现分页的三种方法比较分析

织梦dedecsm模板中首页如何实现分页的三种方法:用arclist标签+Ajax实现织梦首页分页/自由列表实现织梦首页分页等等,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

Dedecms图片加上Alt和Title等属性的修改方法

Dedecms发表资讯等等上传的图片全部没有title,虽然有这个选项却不生效,于是就研究了一下,发现只需要在相关文件添加一段代码即可。先告知大家方法,希望更多的人能够受益
收藏 0 赞 0 分享

DEDECMS 留言薄模块的使用方法

DEDECMS默认没有启用留言板的功能,所以要我们自己添加。不论是普通的企业站还是门户型的CMS,只要是需求明显的网站都应该要有留言板的互动模块
收藏 0 赞 0 分享

dedecms5.7 文章不能发布问题探讨及解决方法

dedecms的前台会员发布文章的功能,用ckeditor就有点问题了,会员上传图片,用ckeditor的话,非管理员账号点击上传图片按钮时会弹出:提示:需输入后台管理目录才能登录,真的是很郁闷啊,遇到此问题的朋友可以看看哦
收藏 0 赞 0 分享

解决织梦DEDE5.7 tags系列bug(图解步骤)

网上搜索了一下,很多都没什么太大的作用,最多只是给个简单的思想,而没自己实际解决掉织梦5.7 tags标签显示未审核的BUG,想修复这个bug就是找不到相关的文章,很是郁闷,感兴趣的朋友可以了解下本文或许对你有所帮助
收藏 0 赞 0 分享

dede:likearticle文章标签和tag标签关联错误解决方法

织梦5.7有个dede:likearticle标记是用来文章的关联,在使用过程中发现关联实在是不理想,接下来介绍把dede的搜索功能给替换到这个likearticle上应该会好很多,感兴趣的朋友可以了解下啊,或许对你有所帮助
收藏 0 赞 0 分享

dedecms图片相关问题—后台上传图片实现图片轮播

用dedecms套网站已经有很长时间了,但图片轮播都是手工修改代码.今天抽时间研究了一下在后台上传图片来实现图片轮播,这样可以提高工作效率解放了手工,感兴趣的朋友可以参考下本文,或许有意外的收获啊
收藏 0 赞 0 分享

织梦(dede)模板标签书写格式的规范和相关注意事项

一、织梦模板标签的书写格式以及注意事项:   1. 书写格式:     ① {dede:标签名 参数='值' 参数='值'} 底层模板 {/dede:标签名}     ② {dede:标签名 参数='值'/}
收藏 0 赞 0 分享

DedeEIMS后台栏目模板(含单独页模板)修改方法

栏目不能更改模板,难道只能用默认的?那不太可能吧,本文提供了详细的修改方法,感兴趣的你可不要错过了哈,希望接下来的内容可以帮助到你
收藏 0 赞 0 分享

dedecms标签调用大全 Dedecms5.7 使用教程

为方便做模板的朋友特整理的dedecms标签调用大全,大家可以直接ctrl+F搜索定位到需要的内容即可
收藏 0 赞 0 分享
查看更多