您当前的位置: 首页 > CMS教程 > 织梦CMS教程 > dedecms简单实现标签云_tag标签_不同颜色_不同大小

dedecms简单实现标签云_tag标签_不同颜色_不同大小

作者:xiaoxiao 来源:未知 发布时间: 2013-10-18 09:46 点击:
1、选择你所要加页面的模板,一般是在首页index.htm加上如下代码 代码如下: /p div dl class=tbox light dtstrongTags标签云/strong/dt dd{dede:tag row='45' getall='1' sort='hot'}br / a href='[field:link/]' title=[field:tag /]([field:total /]) style=[field:

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、生成以下即可看到效果!
  
  最后让大家看一下效果图:效果图

分享到:
本文"dedecms简单实现标签云_tag标签_不同颜色_不同大小"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(2)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4