WordPress标签美化,b2主题彩色标签美化
最近看到某B2主题站上的彩色标签,觉得蛮好看的,搜了下百度发现两个教程文章,一个评论无权限拿不到代码,一个却是付费两元
最后无奈只能扒下来了,下面把代码分享给大家
截图演示:
实现这个彩色标签只需要css代码 这个代码在B2是测试可用的 其他主题的话不是很清楚
/*彩色标签开始*/ .tagcloud a{ position: relative; padding: 1px 4px 2px 4px; margin: 0px 4px 0px 3px; border-radius: 2px; text-decoration: none; white-space: nowrap; } .tagcloud a:nth-child(7n+1):hover{color:#ffffff;background-color:rgba(255,78,106,.8)} .tagcloud a:nth-child(7n+2):hover{color:#ffffff;background-color:#ffaa73} .tagcloud a:nth-child(7n+4):hover{color:#ffffff;background-color:#3cdc82} .tagcloud a:nth-child(7n+5):hover{color:#ffffff;background-color:#64dcf0} .tagcloud a:nth-child(7n+6):hover{color:#ffffff;background-color:#64b9ff} .tagcloud a:nth-child(7n+7):hover{color:#ffffff;background-color:#b4b4ff} .tagcloud a:nth-child(7n+1){background-color:rgba(255,78,106,.15);color:rgba(255,78,106,.8)} .tagcloud a:nth-child(7n+2){background-color:rgba(255,170,115,.15);color:#ffaa73} .tagcloud a:nth-child(7n+3){background-color:rgba(254,212,102,.15);color:#fed466} .tagcloud a:nth-child(7n+4){background-color:rgba(60,220,130,.15);color:#3cdc82} .tagcloud a:nth-child(7n+5){background-color:rgba(100,220,240,.15);color:#64dcf0} .tagcloud a:nth-child(7n+6){background-color:rgba(100,185,255,.15);color:#64b9ff} .tagcloud a:nth-child(7n+7){background-color:rgba(180,180,255,.15);color:#b4b4ff} /*彩色标签结束*/
版权声明:若无特殊注明,本文皆为《柳泊风》原创,转载请保留文章出处。
本文链接:WordPress标签美化,b2主题彩色标签美化 - https://qqguoji.cn/9.html
解压密码:本站资源所有解压密码均为:QQGUOJI.CN