B2主题美化-给头像添加头像框/头像挂饰

所有操作建议备份好源文件在进行,避免产生无法挽回的情况。

将下列代码放入子主题child.js文件中(图片可自己更换).

$(function(){
$('.avatar-parent').prepend('<img src="https://www.ibian.online/wp-content/uploads/2024/03/240f1dfa30b57e744cdbbfbb3b679c25476735.png" class="txgj">');
})

将下列代码放入子主题style.css样式中

.txgj {
    top: -2px;
    transform: scale(1.7);
    width: 90px;
    position: absolute;
}
.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%;
}

强制刷新即可看到效果

 

THE END
点赞0赞赏 分享
抢沙发
头像
提交
头像

昵称

取消
昵称表情

    暂无评论内容