【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;
}

强制刷新即可看到效果

头像框插件素材分享

评论

8 条对“【7B2主题美化】给用户添加头像框”的回复

  1. 简单 的头像
    简单

    没人么

  2. 森语 的头像

    因为你喜欢海,所以我一直浪。 :a5:

  3. momo 的头像
    momo

    头像框怎么显示不出来

    1. 森语 的头像

      图片有防盗链吧

  4. 麟辰通讯科技(招加盟) 的头像
    麟辰通讯科技(招加盟)

    头像框不出来

  5. - 梦魇幽灵 的头像

    海!海!海!浪起来!

  6. 22211968 的头像
    22211968

    出不来呀。我都把图片下载到本地了。这个是不是要放在子主题里面呀。
    如果是的话 请问怎么建子主题?

  7. 22211968 的头像
    22211968

    还请管理员详细说明一下。
    我特别喜欢这个功能。。 :a10:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注