让你的首页热门标签（TAG）自动变换字体、字号

第二种办法，效果可参见本论坛首页
PS: 只针对DISUZ!6.1，此方法优点是可以随机变化TAG字体样式，每次刷新效果都会变化，比较灵活。正因为是随机变化，所以大字体未必就是最热标签，只是随意变化一下而以。本人比较喜欢这个。

打开 include/cache.func.php 找到（在1335行）：

1. $tagary[] = '<a href="tag.php?name='.rawurlencode($tagrow['tagname']).'" target="_blank">'.$tagrow['tagname'].'<em>('.$tagrow['total'].')</em></a>';

复制代码

改为：

1. $tagary[] = '<a href="tag.php?name='.rawurlencode($tagrow['tagname']).'" target="_blank" title="'.$tagrow['total'].'">'.$tagrow['tagname'].'</a>';

复制代码

打开现用模板中的 discuz.htm 文件，找到：

1. <div id="hottags"><h3><a href="tag.php" target="_blank">{lang hottags}</a></h3>
2.                         $_DCACHE[tags]
3.                         </div>

复制代码

改为：

1. <div id="hottags" style="line-height:1.8em;">
2.                         $_DCACHE[tags]
3.                         </div>
4.             <script language=javascript ranat=server>
5. window.onload = function()
6. {
7.         var links = document.getElementById("hottags").getElementsByTagName("a");
8.         for(i=0;i<links.length;i++)
9.         {
10.                 links[i].className = "tag" + Math.ceil((Math.random())*100)%7;
11.         }
12. }
13. </script>

复制代码

打开现用模板中的 css_common.htm 文件，在最后面加上：

1. a.tag0{font-size:1em;  color:#6c9dbf;}
2. a.tag1{font-size:1em;  color:#6c9dbf;}
3. a.tag2{font-size:1.3em; color:#9cbed5;}
4. a.tag3{font-size:1.6em; color:#6c9dbf;}
5. a.tag4{font-size:1em; color:#9cbed5;}
6. a.tag5{font-size:2.2em; color:#9cbed5;}
7. a.tag6{font-size:1em;  color:#6c9dbf;}
8. a.tag7{font-size:1.6em; color:#6c9dbf;}

复制代码

上面这些颜色代码可以改成自己喜欢的。

好像没什么效果

试过，很好的效果啊

第2种看不懂啦~
用了第一个~谢谢

第一种办法，效果不是太理想，推荐大家用二楼的办法
PS: 只针对DISUZ!6.1，这第一种方法的优点是可以根据TAG链接文章数的多少来变换字体样式，缺点是要定义过多的CSS样式。



打开 include/cache.func.php 找到（在1335行）：

1. $tagary[] = \'<a href="tag.php?name=\'.rawurlencode($tagrow[\'tagname\']).\'" target="_blank">\'.$tagrow[\'tagname\'].\'<em>(\'.$tagrow[\'total\'].\')</em></a>\';

复制代码

改为：

1. $tagary[] = \'<a class="tag\'.$tagrow[\'total\'].\'" href="tag.php?name=\'.rawurlencode($tagrow[\'tagname\']).\'" target="_blank" title="\'.$tagrow[\'total\'].\'">\'.$tagrow[\'tagname\'].\'</a>\';

复制代码

打开现用模板中的 discuz.htm 文件，找到：

1. $_DCACHE[tags]

复制代码

后面加上：

1. <script language="javascript">
2.   <!--
3.   var tag_a=document.getElementsByTagName("a");
4.   for( i in tag_a){
5.     var offset=6;
6.     var num=4;
7.     if(tag_a.className=="tag"){
8.     var rnd=Math.ceil((num+offset)*Math.random());
9.     if(rnd>offset){
10.       tag_a.className="tag"+(rnd-offset);
11.     }
12.     }
13.   }
14.   //-->
15. </script>

复制代码

打开现用模板中的 css_common.htm 文件，在最后面加上：

1. .tag1, .tag3, .tag5 { font-size: 1em; color:#6c9dbf;}
2. .tag2, .tag4, .tag6  { font-size: 1.6em; color:#9cbed5;}
3. .tag7, .tag9, .tag11  { font-size: 1em; color:#6c9dbf;}
4. .tag8, .tag10, .tag12  { font-size: 1.6em; color:#9cbed5;}

复制代码

保存上传，更新缓存，就OK了，不过字体好象少了些色彩，可以把上面这一步，改为：

1. .tag1, .tag3, .tag5 { font-size: 1em; }
2. .tag2, .tag4, .tag6  { font-size: 1.6em; color:#1c9739;}
3. .tag7, .tag9, .tag11  { font-size: 1em; color:#ce138a;}
4. .tag8, .tag10, .tag12  { font-size: 1.6em; color:#c5be00;}

复制代码

根据上面这一步还可以再把字体做得丰富一些。
再如果您的网站标签过多，可以对应把上面的.tag...字体样式多加几组，后面的数字接次序加大，可以看我上面的写法，每个级别都是相间隔的，这样做是为了字体表现的效果丰富一些，当然也可以穿插变换不同的文字样式。