网站首页 >> zblog教程 >> 正文
简介: 多彩标签看着更炫酷,下面看看本站的侧边效果吧!是不是比原来的黑色的没有色彩的好看多了?设置方法走起!第一步:zblog后台模块管理在相对应侧边添加标签;第二步:在模板内添加JS代码给标签定义class

多彩标签看着更炫酷,下面看看本站的侧边效果吧!

zblogphp侧边多彩标签设置方法

是不是比原来的黑色的没有色彩的好看多了?设置方法走起!

第一步: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   zblog教程   zblog标签   zblog侧边  

温馨提示:本文是作者 爱站云 的原创文章,转载请注明出处和附带本文链接!

网友点评

  • 爱站云

    爱站云

    2020-03-24 17:59:39    回复

    颜色 可自行设置,看个人喜欢爱好。

本文已有1位网友发表了点评 - 欢迎您

您好,请先 QQ登录 后进行评论,如您已登录账户,请点击 刷新页面 再进行评论!

⎛⎝爱站云⎠⎞

⎛⎝爱站云⎠⎞

AiZhanCloud.Com

爱站云专注ZBLOG建站领域,分享个人所得技术,用心做好个人博客,喜欢的小伙伴就关注我吧!
«    2021年11月    »
1234567
891011121314
15161718192021
22232425262728
2930
最新留言
文章归档
标签列表

Powered By Z-BlogPHP Theme By 爱站云

sitemap鲁ICP备18014478号-8后花园

免责声明:本博客所展示内容均为互联网技术教程分享,如有侵权等违规信息请联系QQ客服进行删除处理,谢谢配合!

切换白天模式 切换夜间模式 白天返回顶部 夜间返回顶部