制作dede标签云|tag标签|不同颜色|不同大小【验证通过】

2020-06-28 0 233

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标签云结束 -->


 

所加位置自己决定!

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、生成以下即可看到效果!

最后让大家看一下效果图:效果图


:本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可, 转载请附上原文出处链接。
1、本站提供的源码不保证资源的完整性以及安全性,不附带任何技术服务!
2、本站提供的模板、软件工具等其他资源,均不包含技术服务,请大家谅解!
3、本站提供的资源仅供下载者参考学习,请勿用于任何商业用途,请24小时内删除!
4、如需商用,请购买正版,由于未及时购买正版发生的侵权行为,与本站无关。
5、本站部分资源存放于百度网盘或其他网盘中,请提前注册好百度网盘账号,下载安装百度网盘客户端或其他网盘客户端进行下载;
6、本站部分资源文件是经压缩后的,请下载后安装解压软件,推荐使用WinRAR和7-Zip解压软件。
7、如果本站提供的资源侵犯到了您的权益,请邮件联系: 442469558@qq.com 进行处理!

猪小侠源码-最新源码下载平台 DEDECMS教程 制作dede标签云|tag标签|不同颜色|不同大小【验证通过】 https://www.20zxx.cn/36828/xuexijiaocheng/dedecmsq.html

猪小侠源码,优质资源分享网

常见问题
  • 本站所有资源版权均属于原作者所有,均只能用于参考学习,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,建议提前注册好百度网盘账号,使用百度网盘客户端下载
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务