子比主题美化 – 添加炫酷个性的头像框

网上也看了很多教程，要不就是头像框不好看，要不就是要付费下载，太麻烦了，我这里将找到的资源分享一下

如果也想魔改动态头像框的童鞋，可以自取

效果预览

自定义css

主题设置 -> 全局&功能 -> 自定义代码

将以下CSS代码填写到，自定义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%;
}
/*用户中心头像圆形*/
.author-header .avatar-img {
    --this-size: 95px;
}
.author-header .avatar-img .avatar {
    border-radius: 50px;
    border: 4px solid var(--main-bg-color)
}

自定义js

主题设置 -> 全局&功能 -> 自定义代码

将以下js代码填写到，自定义javascript代码 中

隐藏内容，输入密码后查看

微信扫描二维码或搜索【狐狸工具盒】小程序，输入【2384】获取密码验证后才能查看！！！

提交

将资源包放到你服务器上，选一款你使用的头像框，记好路径，并配置到自定义javascript中

文章没读爽？点我试试随机文章