子比主题美化 – 头像框

非常炫酷的头像框教程

/*头像框*/
.txgj {
    top: 2px;
    transform: scale(1.7);
    width: 90px;
    position: absolute;
    z-index: 1;
}
.top-user-info-box-name .txgj{
    left: -5px;
    transform: scale(1);
    top: 6px;
}
.post-meta-left .txgj{
    display: none;
}
.post-meta-left .avatar-parent .txgj{
    display: block;
    transform: scale(1.6);
    display: block;
    left: 0px!important;
}
.top-user-box-drop .avatar {
    border-radius: 50%;
}
.comment .gravatar img {
    border-radius: 50%;
}
/*用户中心头像圆形*/
.author-header .avatar-img {
    --this-size: 95px;
}
.author-header .avatar-img .avatar {
    border-radius: 50px;
    border: 4px solid var(--main-bg-color)
}
//头像框
$(function(){
$('.avatar-img ').prepend('<img src="头像框图片地址" class="txgj">');
$('.avatar-mini ').prepend('<img src="头像框图片地址" class="txgj">');
$('.comt-avatar mb10 ').prepend('<img src="头像框图片地址" class="txgj">');
$('.avatar-set-link').css('z-index', '1');
})

部分头像框素材

图片[6]-子比主题美化 – 头像框-初一小盏
图片[7]-子比主题美化 – 头像框-初一小盏

© 版权声明
THE END
点赞8赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容