WordPress标签美化,b2主题彩色标签美化

感谢您访问QQ国际 ”,本站专注活动分享,SEO技术,网站源码,绿色软件等免费资源分享 希望大家能够多多支持哦!喜欢本站的朋友可以把本站添加到书签或记住网址,本站网址:QQGUOJI.CN, 站长 QQ 5528280


  • 内容
  • 相关

最近看到某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

二维码加载中……

发表评论

电子邮件地址不会被公开。 必填项已用*标注

未显示?请点击刷新

允许邮件通知