PIX 主题:给头像添加黄 V 认证标

 2 个月前     40  

文章目录

前段时间无意间看见苏醒的一款轻社区主题,很是喜欢,奈何价格太高只能放弃了!

便把他的认证标识拔下来了!(是真的不错!!!!)

PIX 给头像添加认证标志:

1、(文章内页) 在 PIX 文件-tpl 文件-single-moment.php
第 25 行<div class="avatar"><?php echo  get_user_avatar(); ?> 后添加<span class="avatar-badge badge_5 w-12"></span>
2、(片刻首页) 在 PIX 文件-inc 文件-pix-comment.php
第 102 行<a href="<?php echo $url ?>" target="_blank"><?php echo pix_comment_ava($user_id,$comment) ?> 后添加<span class="avatar-badge badge_5 w-12"></span>
3、(评论) 在 PIX 文件-tpl 文件-content-moment.php
第 39 行	<div class="avatar"><?php echo  get_user_avatar(); ?> 后添加<span class="avatar-badge badge_5 w-12"></span>

CSS 代码:
.list_user_meta .avatar img {
    border-radius: 50px;
}
.comments-area ul.comment-list li .profile a img {
    border-radius: 50px;
}
.avatar .avatar-badge.badge_5 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9InVybCgjYSkiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC4yNSAxMS44NDRhMi4yMzIgMi4yMzIgMCAwIDEgMCAzLjE1NkwxNy41ODggMjUuNjYyYTIuMzggMi4zOCAwIDAgMS0zLjM2NiAwbC01LjY0NC01LjY0NGEyLjIzMiAyLjIzMiAwIDAgMSAzLjE1Ni0zLjE1NWw0LjE3IDQuMTcgOS4xOS05LjE4OWEyLjIzMiAyLjIzMiAwIDAgMSAzLjE1NiAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMzEuNzE0IiB4Mj0iLTMuNzMxIiB5MT0iLjg1NyIgeTI9IjExLjgzOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkI3NEEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRDkwMEYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
}
.list_user_meta .avatar {
    position: relative;
}
.avatar .avatar-badge.w-12 {
    width: 14px;
    height: 14px;
    right: 0px;
    bottom: 0px;
}
.avatar .avatar-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(0%, 0%);
}
.profile .avatar-badge.badge_5 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9InVybCgjYSkiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC4yNSAxMS44NDRhMi4yMzIgMi4yMzIgMCAwIDEgMCAzLjE1NkwxNy41ODggMjUuNjYyYTIuMzggMi4zOCAwIDAgMS0zLjM2NiAwbC01LjY0NC01LjY0NGEyLjIzMiAyLjIzMiAwIDAgMSAzLjE1Ni0zLjE1NWw0LjE3IDQuMTcgOS4xOS05LjE4OWEyLjIzMiAyLjIzMiAwIDAgMSAzLjE1NiAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMzEuNzE0IiB4Mj0iLTMuNzMxIiB5MT0iLjg1NyIgeTI9IjExLjgzOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkI3NEEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRDkwMEYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
}
.profile {
    position: relative;
}
.profile .avatar-badge.w-12 {
    width: 14px;
    height: 14px;
    right: 0px;
    bottom: 0px;
}
.profile .avatar-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(0%, 0%);
}

记得给网站备份好之后,在修改代码。

 

版权声明:野路子 发表于 2 个月前,共 2887 字。
转载请注明:PIX 主题:给头像添加黄 V 认证标 | 野路子

您可能感兴趣的

暂无评论

暂无评论...