- Joined
- Jul 29, 2019
- Messages
- 122
- Points
- 53
Reputation:
Post this code under <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4><br> in message_macro
Code:
<xf:if is="{{$user.isMemberOf(3)}}">
<div class="verified_badge verified_admin tooltip2 tooltipstered" data-xf-init="tooltip" title="Administration Team"><i class="fa fa-check"></i></div>
<xf:elseif is="{{$user.isMemberOf(3)}}"/>
<div class="verified_badge verified_admin tooltip2 tooltipstered" data-xf-init="tooltip" title="Administration Team"><i class="fa fa-check"></i></div>
<xf:elseif is="{{$user.isMemberOf(4)}}"/>
<div class="verified_badge verified_staff tooltip2 tooltipstered" data-xf-init="tooltip" title="Verified Staff Members"><i class="fa fa-check"></i></div>
</xf:if>
Change the usergroup ID accordingly of admin and mod role.
Place this code inside extra.less
Code:
.verified_admin {
background: rgb(207, 45, 45);
}
.verified_badge {
position: absolute;
width: 18px;
height: 18px;
text-align: center;
top: -3px;
left: 24px;
cursor: pointer;
line-height: 18px;
font-size: 10px;
color: rgb(255, 255, 255);
z-index: 5;
border-radius: 3px 3px 0px 0px;
}
.verified_badge::before {
bottom: -15px;
left: -1px;
z-index: 0;
border-width: 0px 10px 14px;
border-color: transparent rgba(0, 0, 0, 0.1);
}
.verified_badge::after, .verified_badge::before {
content: "";
position: absolute;
height: 0px;
width: 0px;
border-style: solid;
}
@media (max-width: 650px){
.verified_badge {
display:none !important;
}
}
.verified_admin.verified_badge::after {
border-color: transparent rgb(207, 45, 45);
}
.verified_badge::after {
bottom: -12px;
left: 0px;
z-index: 3;
border-width: 0px 9px 12px;
border-color: transparent rgb(51,131,34);
}
.verified_staff {
background: #348423;
}
If anyone have any issue regarding this code, then you can reply in the thread. i am willing to help everyone.
ALL Codes Credits Goes to : @Verss
Last edited: