dedecms tag标签实现随机颜色和字体大小
2013-03-14 15:00
651 查看
功能说明:
实现标签云的效果,包括标签有不同的颜色和字体大小等,颜色和字体大小都为随机显示,可改变代码来控制其范围。
实现DeDeCms标签云的效果,包括标签有不同的颜色和字体大小等等,颜色和字体大小都为随机显示,可改变代码来控制其范围。
修改方法:
1、在/include/common.func.php 中加入如下函数。
此函数的作用是输出随机的样式,包括font-size和color。
如果你想指定只显示几个字体大小,而不是完全随机,请将上面的函数代码修改为:
2、在模板中用如下代码调用标签。
3、在dede后台生成相应html,OK,看效果吧。
实现标签云的效果,包括标签有不同的颜色和字体大小等,颜色和字体大小都为随机显示,可改变代码来控制其范围。
实现DeDeCms标签云的效果,包括标签有不同的颜色和字体大小等等,颜色和字体大小都为随机显示,可改变代码来控制其范围。
修改方法:
1、在/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)); }
2、在模板中用如下代码调用标签。
{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}
3、在dede后台生成相应html,OK,看效果吧。
相关文章推荐
- Dedecms实现tags云标签随机颜色与字体大小方法详解
- dedecms 调用TAG标签随机字体颜色实现方法
- 实现一段字符串中部分内容字体颜色大小变化
- Qt设置背景色,按钮添加图片,实现三态,label添加图片,设置字体大小,颜色等基本操作
- Android 单独控件实现不同字体大小、不同颜色
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- c#实现打印功能,可以设置纸张大小,字体和颜色等
- devexpress实现单元格根据条件显示不同的样式(颜色、字体、对齐方式,大小等)
- c#实现打印功能,可以设置纸张大小,字体和颜色等
- android 利用一个TextView实现两行并且每行的字体大小和颜色各异
- 重绘Label实现字体的各种变化 颜色 字体大小 下划线
- swt中改变表格字体大小及颜色的实现
- jquery实现的随机多彩tag标签随机颜色和字号大小效果
- 验证码实现(随机背景色及字体颜色,带扰乱线条)
- c#实现打印功能,可以设置纸张大小,字体和颜色等
- c#实现打印功能,可以设置纸张大小,字体和颜色等
- 菜单选项OptionsMenu实现改变字体颜色和改变字体大小的功能
- TextView代码动态实现字体不同大小样式风格颜色
- 验证码实现(随机背景色及字体颜色,带扰乱线条)
- 设置UINavigationController的navigationBar标题,实现自定义字体、大小、颜色。