美化代码教程
找规律,lv0 – lv8的颜色都不同,可以自定义,一个是文字颜色一个是LV等级颜色没有重复。
.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; }
圈子内等级美化代码
.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; }