b2主题更改用户等级与会员图标教程

B2主题有两个等级系统，一个用户等级和会员等级，这个教程修改的是用户等级，把文字等级改为图片，操作非常简单。

替换教程

修改B2主题目录下的Modules>Common>User.php文件，

查找：

<b>'.$name.'</b><i>'.$lv.'</i>

替换成

<i><img src="/你图片存储的目录/'.$lv.'.png" style="height: 16px; object-fit: unset;" title="'.$name.'"></i>

css添加

/*用户等级会员图标*/
	.user-s-info-desc {
	font-size: 13px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 100%;
	background:  var(--main-bg-color);
	padding: 10px;
	color: #bcbcbc;
	height: 45px;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
	border-top: 1px solid var(--body-bg-color);
}
.lv-icon.user-vip i {
    width: 100%;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    border: 0px solid var(--body-bg-color);
    border-radius: 100%;
    vertical-align: 0px;
    display: unset;
}
.lv-icon.user-lv i {
    background-color: unset;
    font-size: unset;
    height: 16px;
    line-height: 16px;
    padding: 0px;
    margin-left: 0px;
}
.author-widget-content .w-a-info .w-a-name .w-a-lv {
    display: flex;
}
.w-a-info i img {
    width: unset;
    height: unset;
    display: block;
    margin-right: 8px;
}
.content-user-lv > span {
    margin-right: 8px;
}
.w-a-info .picture img {
    width: 50px;
    height: 50px;
    display: block;
    margin-right: 8px;
}
.lv-icon {
    margin-right:5px;
    margin-top: 0px;
    font-size: large;
}
.lv-icon.user-vip {
    margin-right: 0px;
}