【B2主题美化】之等级自定义颜色

释放双眼,带上耳机,听听看~!

效果图

1649685352-111

代码写入子主题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;
        }
    }
/*等级颜色结束*/

 

温馨提示:本文最后更新于 2022-04-14 01:44 ,某些文章具有时效性,若有错误或已失效,请在下方留言或联系逆念

给TA打赏
共{{data.count}}人
人已打赏
网络技术

webfont前端使用帮助-css字体单独调用

2022-4-13 22:20:46

网络技术

【B2主题美化】仿尤点设计首页大图加六格代码分享

2022-4-14 1:44:43

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员,QQ508044570 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索