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

在前面的文章《织梦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后在到前台看看我的劳动成果吧。