欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 网站技巧 > 织梦模板彩色标签云制作实例
这篇文章主要为大家详细介绍了织梦模板彩色标签云制作实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

在前面的文章《织梦dedecms多彩彩色标签云(tag)随机颜色和字体实现办法》已经给大家做个关于织梦的彩色标签云的详细操作方法,很多朋友可能是引擎收录的问题,没有看到问题,今天我们句重新再给大家讲解一次。我们先看看彩色标签云的页面效果

织梦模板彩色标签云制作实例

看到上面的漂亮的效果,是不是自己也心动了呢?心动不如行动吧

实现标签云的效果,包括标签有不同的颜色和字体大小等等,颜色和字体大小都为随机显示,可改变代码来控制其范围。

修改方法: 

/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));  
}

那就只显示几个固定尺寸的字体。然后在模板中用如下代码调用标签。

{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}

最后我们在后台生成相应html后在到前台看看我的劳动成果吧。

以上就是织梦模板彩色标签云制作实例的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: 标签云 tag TAG标签 彩色标签

上一篇网站应用小教程:随机显示广告

下一篇织梦模板小技巧:织梦站内搜索结果按点击排序的方法

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在