导航首页 » 网站优化

织梦(dedecms)彩色标签云(tag)随机颜色和字体大小

2023/04/12 08:29 5G收录网已浏览141次

很多站长看到织梦dedecms的tag标签会显示不同彩色的效果，这样对于网站的美观来说真的是非常实用的，下面就来介绍下这种效果如何实现。
1、选择你所要加页面的模板，一般是在首页index.htm 加上如下代码

							
											01
										
											<!-- /下面开始tag标签云 -->
									
											02
										
											<dl class="tbox light">
									
											03
										
											<dt><strong>Tags标签云</strong></dt>
									
											04
										
											<dd>{dede:tag row='45' getall='1' sort='hot'}
									
											05
										
											<a href='[field:link/]' title="[field:tag /]([field:total /])"
									
											06
										
											  style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">
									
											07
										
											  [field:tag /]</a>
									
											08
										
											{/dede:tag}
									
											09
										
											</dd>
									
											10
										
											</dl>
									
											11
										
											<!-- /tag标签云结束 -->

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

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

这样漂亮的彩色标签就做好了，效果如下（我这里去掉了字体随机大小的效果）：