dede标签云如何生成不同颜色、不同大小的tag标签

雷朝平 發表於 2023-11-7 00:00:00

dede标签云如何生成不同颜色、不同大小的tag标签

1、选择你所要加页面的模板，一般是在首页index.htm加上如下代码 
<blockquote>
<ol class="dp-xml">
<li class="alt">
 
</li>
<li>
<div> 
</li>
<li class="alt">
<dl class="tbox light"> <dt><strong>Tags标签云</strong></dt> 
</li>
<li>
<dd>{dede:tag row='45' getall='1' sort='hot'} 
</li>
<li class="alt">
<a href='' title="()" style="@me=getTagStyle();"></a> 
</li>
<li>
{/dede:tag} 
</li>
<li class="alt">
</dd> 
</li>
<li>
</dl> 
</li>
<li class="alt">
</div> 
</li>
<li>
 
</li>
<li class="alt">
***或（测试通过）*** 
</li>
<li>
<li> 
</li>
<li class="alt">
<div class="s_title"><h2>热门标签</h2></div> 
</li>
<li>
<div class="tagnews"> 
</li>
<li class="alt">
{dede:tag row='35' sort='month'} 
</li>
<li>
<a href='' title="()" style="@me=getTagStyle();"></a> 
</li>
<li class="alt">
{/dede:tag} 
</li>
<li>
</div> 
</li>
<li class="alt">
</li> 
</li>
</ol>
</blockquote>

 2、在/include/common.func.php 中加入如下函数。 
<blockquote>
<ol class="dp-c">
<li class="alt">
function getTagStyle() 
</li>
<li>
{ 
</li>
<li class="alt">
$minFontSize=8; //最小字体大小,可根据需要自行更改 
</li>
<li>
$maxFontSize=18; //最大字体大小,可根据需要自行更改 
</li>
<li class="alt">
return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); 
</li>
<li>
} 
</li>
</ol>
</blockquote>
此函数的作用是输出随机的样式，包括font-size和color。 如果你想指定只显示几个字体大小，而不是完全随机，请将上面的函数代码修改为： <div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
复制代码
</div>
代码如下:</div>
<div class="msgborder" id="phpcode9" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
function getTagStyle() 
{ 
$sizearray = array('8','9','10','11','12','20'); //自定义字体大小,可根据需要自行修改 
return 'font-size:'.$sizearray.'pt;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); 
} </div>
 3、生成以下即可看到效果！ 最后让大家看一下效果图：效果图 <img title="dede标签云如何生成不同颜色、不同大小的tag标签" alt="dede标签云如何生成不同颜色、不同大小的tag标签" src="https://zhuji.jb51.net/uploads/img/202305/410054c098d2661c030d053d221bdb33.jpg" style="max-width:100%!important;height:auto!important;border: 1px solid rgb(204, 204, 204); vertical-align: middle; padding: 1px; overflow: hidden; max-width: 696px; font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px; width: 229px; height: 345px;'>

頁: [1]

琼殿技术论坛's Archiver

dede标签云如何生成不同颜色、不同大小的tag标签