修改b2主题functions.php
define('B2_VERIFY_ICON','<i class="b2-vrenzhengguanli b2font b2-color"></i>');
改为
define('B2_VERIFY_ICON','<i class="vrnzhengss b2font b2-color"></i>');
修改主题b2/Modules/Templates/Header.php
<span v-if="userData.user_title">'.b2_get_icon('b2-vrenzhengguanli').'</span>
改为
<span v-if="userData.user_title">'.b2_get_icon('vrnzhengss').'</span>
附件gold.svg上传到网站根目录
以下代码加到你的样式css
/**/
.vrnzhengss{
position: absolute;
background-image: url(/gold.svg);
background-repeat: no-repeat;
background-size: 100% auto;
-webkit-animation: woo-icon-wooSprite 2.1s steps(15) infinite backwards;
}
.user-verify .vrnzhengss{
position: initial;
margin-bottom: -6px;
display: inline-block;
width: 23px;
height: 23px;
}
.top-user-avatar .vrnzhengss{
bottom: -5px;
right: -6px;
width: 16px;
height: 16px;
}
.verify-box-avatar .vrnzhengss,.user-w-avatar .vrnzhengss,.gold-top-avatar .vrnzhengss,.mission-page-user-verify .vrnzhengss,.post-meta-left .avatar-parent .vrnzhengss,.topic-avatar .vrnzhengss{
bottom: -5px;
right: -6px;
width: 20px;
height: 20px;
}
.w-a-info .vrnzhengss{
bottom: -5px;
right: 200px;
width: 20px;
height: 20px;
}
@media (min-width:800px) {
.user-verify .vrnzhengss{
position: initial;
margin-bottom: -6px;
display: inline-block;
width: 23px;
height: 23px;
}
.top-user-avatar .vrnzhengss,.verify-box-avatar .vrnzhengss,.user-w-avatar .vrnzhengss,.gold-top-avatar .vrnzhengss,.mission-page-user-verify .vrnzhengss,.post-meta-left .avatar-parent .vrnzhengss,.topic-avatar .vrnzhengss{
bottom: -5px;
right: -6px;
width: 16px;
height: 16px;
}
.w-a-info .vrnzhengss{
bottom: -5px;
right: 200px;
width: 20px;
height: 20px;
}
}
@-webkit-keyframes woo-icon-wooSprite {
0% {
background-position: 0 0;
}
to {
background-position: 0 bottom;
}
}
@keyframes woo-icon-wooSprite {
0% {
background-position: 0 0;
}
to {
background-position: 0 bottom;
}
}
欢迎访问秀主题博客,分享简单实用WP教程