子比主题彩色标签云

标签云修改需要用到只有简单的css代码,我们先来看下效果图吧!

图片[1] - 子比主题彩色标签云 - 鹿泽笔记

可以看到未选中的时候标签块是很灰的,选中之后颜色就变深了!

步骤一:使用小工具

打开小工具找到侧边栏,点击进去之后点击添加小工具选择Zibll标签云,然后就是参数了,因为追求工整选择了固定宽度,标签数量也选择了24个(3的倍数随意就好)

步骤二:css代码

加入到主题后台的自定义CSS样式里保存即可。

/*文章随机彩色标签*/
.widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color: #FFF}

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享