【7B2主题美化】给用户添加头像框

将下列代码放入<常规设置-底部HTML标签>中(图片可自己更换)

<style>
$(function(){
$('.avatar-parent').prepend('<img src="https://www.sluyu.com/wp-content/uploads/2023/06/2023062916382696.png" class="txgj">');
})
<script>

将下列代码放入子主题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);
    left: 0px!important;
}.social-top .header-login-button button {
    color: #FFF;
    background: var(--b2color);
}
.comment-content-text p{
    display: initial;
}
.comment .gravatar img {
    border-radius: 100%;
}
.comment-content-text img{
    vertical-align: text-bottom;
}

强制刷新即可看到效果

头像框插件素材分享

版权声明

   站内部分内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供网络资源分享服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请 联系我们 一经核实，立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时，保证优秀的服务质量。

---

本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。