释放双眼,带上耳机,听听看~!
b2美化之等级自定义颜色
效果图
代码写入子主题style.css
/*等级颜色开始*/
.lv-icon.b2-vip0 b {
color: #ffdbb1 !important;
background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
padding: 0 5px;
border-radius: 3px;
}
.lv-icon.b2-vip1 b {
color: #ffdbb1 !important;
background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
padding: 0 5px;
border-radius: 3px;
}
.lv-icon.b2-vip2 b {
color: #ffdbb1 !important;
background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
padding: 0 5px;
border-radius: 3px;
}
.lv-icon.b2-vip3 b {
color: #ffdbb1 !important;
background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
padding: 0 5px;
border-radius: 3px;
}
.user-w-lv {
display: flex;
height: 22px;
flex-wrap: wrap;
}
/*用户等级*/
.b2-lv0 i {
background-color: #81d742!important;
color: #ffffff!important;
}
.b2-lv1 i {
background-color: #ff3a55!important;
color: #ffffff!important;
}
.b2-lv2 i {
background-color: #9d87d2!important;
color: #ffffff!important;
}
.b2-lv3 i {
background-color: #5ca0ff!important;
color: #ffffff!important;
}
.b2-lv4 i {
background-color: #1677ff!important;
color: #ffffff!important;
}
.b2-lv5 i {
background-color: #385ee5!important;
color: #ffffff!important;
}
.b2-lv6 i {
background-color: #19b955!important;
color: #ffffff!important;
}
.comment-author .user-title{
font-size: 13px;
margin-left:10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
width:50%;
-webkit-animation: shake 3s infinite;
animation: shake 3s infinite;
color:#ff9900;
}
@-webkit-keyframes shake{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}@keyframes shake{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
/*等级颜色结束*/
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。