b2主题美化:VIP用户等级美化

Jaysun

文章最后更新时间:2023年03月14日已超过459天没有更新。

分享整理自网络,适用于WordPress网站b2主题美化,针对设置的VIP用户,分别在文章、侧栏、圈子以及评论区等页面进行美化

1.演示效果

1.jpg

2.jpg

2.b2主题美化教程

以下代码放置于CSS文件中即可,有文字美化与图标美化两种,其中文字美化如下(这里只写了两种VIP等级的美化,其他大家自行设计

2.1 文字美化

/*VIP用户等级文字美化- https://yiluxb.cn/post/273.html*/
.lv-icon.b2-vip0 b {
color: #607a87 !important;
background: linear-gradient(90.34deg, #e8eff0 0.27%, #e8eff0 99.7%);
padding: 0 5px;
border-radius: 3px;
}
.lv-icon.b2-vip1 b {
color: #6C4A20 !important;
background: linear-gradient(90.34deg, #FFD2A2 0.27%, #FFE2C2 99.7%);
padding: 0 5px;
border-radius: 3px;
}

2.2 图标美化

隐藏内容
评论可见
前往评论

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (有 21 条评论,1859人围观)
网友昵称:zx2090
zx2090 V 普通用户 Google Chrome 119.0.0.0 Windows 10 x64 21楼
2023-11-09 来自贵州 回复
发发发发出来
网友昵称:252100
252100 V 普通用户 Safari 14.1.2 Apple iPhone 20楼
2023-10-22 来自广西 回复
发发发发出来
网友昵称:w690056512
w690056512 V 普通用户 Google Chrome 117.0.0.0 Windows 10 x64 19楼
2023-10-20 来自山东 回复
感谢分享
网友昵称:yuemeile
yuemeile V 普通用户 Google Chrome 117.0.0.0 Android 10 18楼
2023-10-10 来自四川 回复
emmmmm……看不懂怎么破?文章不错,写的很好!
网友昵称:tan
tan V 普通用户 Safari 16.6 Apple iPhone 17楼
2023-09-11 来自广东 回复
瞧瞧?
网友昵称:durenlong6
durenlong6 V 普通用户 Google Chrome 115.0.0.0 Windows 10 x64 16楼
2023-08-09 来自辽宁 回复
看看
网友昵称:黄泽雄
黄泽雄 V 普通用户 Google Chrome 115.0.0.0 Windows 10 x64 15楼
2023-08-06 来自浙江 回复
写的很好
网友昵称:遇见网络
遇见网络 V 普通用户 Safari 17.0 Apple iPhone 14楼
2023-08-04 来自北京 回复
哈哈哈哈
网友昵称:zoufuhuaping
zoufuhuaping V 普通用户 Google Chrome 115.0.0.0 Windows 10 x64 13楼
2023-08-03 来自广东 回复
文章不错,写的很好!
网友昵称:zoufuhuaping
zoufuhuaping V 普通用户 Google Chrome 115.0.0.0 Windows 10 x64 12楼
2023-08-03 来自广东 回复
感谢分享

目录[+]

取消
微信二维码
微信二维码
支付宝二维码