欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > CMS教程 >

dedecms简略完成标签云_tag标签_不同色彩_不同大小

发表于2019-04-22 04:03| 次阅读| 来源网络整理| 作者session

摘要:dedecms简略完成标签云_tag标签_不同色彩_不同大小

dedecms简略完成标签云_tag标签_不同色彩_不同大小

1、抉择你所要加页面的模板,普通是在首页index.htm加上如下代码
  
  代码如下:
        </p>
<div>
<dl class="tbox light">
<dt><strong>Tags标签云</strong></dt>
<dd>{dede:tag row='45' getall='1' sort='hot'}<br />
     <a href='[field:link/]' title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">  [field:tag /]</a><br />
{/dede:tag}
   </dd>
</dl>
</div>
<p>
 
  
  2、在/include/common.func.php 中退出如下函数。
        <br />
function getTagStyle()<br />
{<br />
    $minFontSize=8; //最小字体大小,可依据需求自行更改<br />
    $maxFontSize=18; //最大字体大小,可依据需求自行更改<br />
    return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));<br />
}<br />
 

  此函数的作用是输出随机的样式,包括font-size和color。
  
  假设你想指定只显示几个字体大小,而不是齐全随机,请将上面的函数代码修正为:

 <br />
function getTagStyle()<br />
    {<br />
    $sizearray = array('8','9','10','11','12','20'); //自定义字体大小,可依据需求自行修正<br />
    return 'font-size:'.$sizearray[rand(0,count($sizearray))].'pt;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));<br />
    }<br />
 
  
  3、生成以下即可看到效果!
  
  最后让大家看一下效果图:效果图