b2主题最简单的用户等级美化代码

b2主题最简单的用户等级美化代码添加一些css样式解决灰白色的等级样式!

博客作者和论坛同步修改

预览:

b2主题最简单的用户等级美化代码

简单好看不影响速度!

复制以下css代码

 /* 圈子等级美化www.5186a.com*/ 
.author-vip{
height: 18px;
line-height: 18px;
padding: 0;
padding-left: 20px;
}
.topic-author-info-left .b2-lv1{
background-color: #ff9400;
height: 18px;
line-height: 18px;
}
.topic-author-info-left .b2-lv2{
background-color: #ff9400;
height: 18px;
line-height: 18px;
}
.topic-author-info-left .b2-lv3{
background-color: #ff3a55;
height: 18px;
line-height: 18px;
}
.topic-author-info-left .b2-lv4{
background-color: #ff3a55;
height: 18px;
line-height: 18px;
}
.topic-author-info-left .b2-lv5{
background-color: #de00ff;
height: 18px;
line-height: 18px;
}
.topic-author-info-left .b2-lv6{
background-color: #de00ff;
height: 18px;
line-height: 18px;
}
.topic-author-info-left .b2-lv7{
background-color: #ff0000;
height: 18px;
line-height: 18px;
}
.topic-author-info-left .b2-lv8{
background-color: #3478f7;
height: 18px;
line-height: 18px;
}
 /* 用户等级美化- */ 
 .lv-icon i{
     color: #ffffff;
 }
.lv-icon.b2-lv0 i {
background-color: rgb(199 194 194);
}
.lv-icon.b2-lv1 i {
background-color: #ff9400;
}
.lv-icon.b2-lv1 b {
color: #ff9400;
}
.lv-icon.b2-lv2 i {
background-color: #ff9400;
}
.lv-icon.b2-lv2 b {
color: #ff9400;
}
.lv-icon.b2-lv3 i {
background-color: #ff3a55;
}
.lv-icon.b2-lv3 b {
color: #ff3a55;
}
.lv-icon.b2-lv4 i {
background-color: #ff3a55;
}
.lv-icon.b2-lv4 b {
color: #ff3a55;
}
.lv-icon.b2-lv5 i {
background-color: #de00ff;
}
.lv-icon.b2-lv5 b {
color: #de00ff;
}
.lv-icon.b2-lv6 i {
background-color: #de00ff;
}
.lv-icon.b2-lv6 b {
color: #de00ff;
}
.lv-icon.b2-lv7 i {
background-color: #ff0000;
}
.lv-icon.b2-lv7 b {
color: #ff0000;
}
.lv-icon.b2-lv8 i {
background-color: #3478f7;
}
.lv-icon.b2-lv8 b {
color: #3478f7;
}

添加到子主题themes/b2/Assets/fontend/style.css,文件底部即可((添加后要强制刷新一下)

代码来源:老白博客 https://www.xcbtmw.com/12953.html

声明

⚠️免责声明:本站的资源均来自于用户投稿,作个人学习使用,其版权均归原作者所有。

⚠️侵权声明:如有侵权请私信:“管理员”反馈,我们将尽快处理。

⚠️转载声明:若需转载,请保留原文链接并附出处,谢谢合作。

0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到