有時候我們為了讓網站內容好看一點,需要將tag標簽添加各種顏色,這樣既能美化頁面,又能突出關鍵詞。如下圖:
下面就給大家分享彩色tag關鍵詞標簽的實現方法。
首先是模板調用標簽代碼:
<div id="hotTag">
<ul>
{dede:tag row=120 sort=month}
<li><a href='[field:link/]' class="tag[field:highlight /]" >[field:tag/]</a></li>
{/dede:tag}
</ul>
</div>
然后在CSS中引入如下CSS樣式:
#hotTag a.tag1 { color:#000000;font-weight:bold;}
#hotTag a.tag2 { color:#e65730;text-decoration:underline;}
#hotTag a.tag3 { color:#00b9da;font-weight:bold;}
#hotTag a.tag4 { color:#FE3981;font-weight:bold;font-size:14px;}
#hotTag a.tag5 { color:#669900;font-size:16px;}
#hotTag a.tag6 { color:#660099;font-weight:bold;font-size:16px;}
完成后接著就是修改程序文件:
打開“include/tag.lib/tag.lib.php”文件,找到第一個:
$row['highlight'] =0;
修改為
$row['highlight'] = mt_rand(1,6);
并把下面完整的IF語句注釋掉或者去掉,就是不要了:
//if($row['monthcc']>1000 || $row['weekcc']>300 )
// {
// $row['highlight'] = mt_rand(3,4);
// }
// else if($row['count']>3000)
// {
// $row['highlight'] = mt_rand(5,6);
// }
// else
//
// $row['highlight'] = mt_rand(1,2);
// }
好了,到這里就能夠讓每個tag標簽隨機調出不同的樣式了。
|