B2主题美化之用户头像框/头像挂饰+素材

地质网今天给大家分享一个WordPress网站B2主题美化修改教程:给用户加上动漫卡通头像框/头像挂饰,并分享一些头像素材,详细的修改教程如下

B2主题美化之用户头像框/头像挂饰+素材

B2主题头像框美化教程

(本教程转载自:https://mrxu.net/326.html,感谢站长分享)

1.添加js代码

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

    $(function(){
    $('.avatar-parent').prepend('<img src="https://p0.meituan.net/dpgroup/240f1dfa30b57e744cdbbfbb3b679c25476735.png" class="txgj">');
    })

2.添加css代码

将下列代码放入子主题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%;
    }

[success title="说明"]强制刷新即可看到效果[/success]

头像框/挂饰素材下载

(素材转载自:https://www.lsenyu.cn/14381.html,感谢站长分享)

B2主题美化之用户头像框/头像挂饰+素材

下载地址:

更多B2主题美化教程请点击文末标签阅读!

给TA打赏
共{{data.count}}人
人已打赏
网站建设

2023年openlitespeed实用伪静态规则合集

2023-10-7 19:06:46

网站建设

cyberpanel面板设置通过IP 地址访问网站

2023-10-16 22:50:34

🚨 小黑屋
  1. 很好的素材

  2. 2024年5月5日 下午11:47
    11111

  3. 11111

  4. 嘻嘻嘻

  5. 去薛家湾

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索