b2主题最简单的用户等级美化代码添加一些css样式解决灰白色的等级样式!
博客作者和论坛同步修改
预览:
简单好看不影响速度!
复制以下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