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

最近看到某B2主题站上的彩色标签,觉得蛮好看的,搜了下百度发现两个教程文章,一个评论无权限拿不到代码,一个却是付费两元

最后无奈只能扒下来了,下面把代码分享给大家

截图演示:

QQ截图20210508194914.png

 

实现这个彩色标签只需要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} /*彩色标签结束*/
WordPressWordPress教程

wordpress的数字ID固定连接,以及不连续性的问题所出现的问题

2021-5-8 19:47:22

WordPressWordPress教程

B2判断用户等级不同签到奖励不同

2021-5-13 10:33:51

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索