zblogphp如何让侧边的标签变成多彩标签
分类:zblog教程
39
多彩标签看着更炫酷,下面看看本站的侧边效果吧!

是不是比原来的黑色的没有色彩的好看多了?设置方法走起!
第一步:zblog后台模块管理在相对应侧边添加标签;
第二步:在模板内添加JS代码给标签定义class属性;
<!--多彩标签--><script>$(document).ready(function() {
var tags_a = $("#divTags a");
tags_a.each(function(){
var x = 9;
var y = 0;
var rand = parseInt(Math.random() * (x - y + 1) + y);
$(this).addClass("tags"+rand);
}); }) </script><!--多彩标签-->第三步:在模板CSS文件添加颜色浮动;
#divTags .tags0 {
background-color: #efac82;}#divTags .tags1 {
background-color: #84c7cf;}#divTags .tags2 {
background-color: #d69899;}#divTags .tags3 {
background-color: #d59ad4;}#divTags .tags4 {
background-color: #c9b070;}#divTags .tags5 {
background-color: #475042b3;}#divTags .tags6 {
background-color: #ff716a;}#divTags .tags7 {
background-color: #4a64e2;}#divTags .tags8 {
background-color: #62b360;}#divTags .tags9 {
background-color: #ff7aa5;}第四步:进入网站后台 - 主题管理 - 启用主题就可以了。
最新发布
-
zblog响应式新闻自媒体文章主题65号
2026-04-20 -
zblog响应式门户新闻资讯主题64号
2026-04-16 -
zblog响应式自媒体博客主题63号
2026-04-08 -
zblog响应式资讯门户主题62号
2026-04-05 -
zblog响应式文章自媒体资讯主题61号
2026-04-01
热门文章
-
ZBLOG精品手赚APP应用下载主题19号
1234 -
zblog响应式机器设备企业主题10号
1228 -
zblog响应式生活分类信息主题2号
951 -
zblog响应式机械企业外贸主题6号
332 -
简洁大气zblog响应式文章主题52号
314