• You need 5 posts to download resources. You can only download 2 resources per day. To remove these limits consider upgrading.

XF Stylish Postbit Making

one_finger_man

Verified
LV
0
 
Joined
Mar 23, 2023
Messages
28
Reaction score
16
Awards
3
Admin CP > Appearance and languages > Your Themes > " Your Theme " - Templates > Open the message_macros file.

HTML:
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>

add under

HTML:
<xf:if is="{{$user.isMemberOf(3)}}">
    <div class="verified_badge verified_admin tooltip2 tooltipstered" data-xf-init="tooltip" title="Management"><i class="fa fa-check"></i></div>
        <xf:elseif is="{{$user.isMemberOf(4)}}"/>
    <div class="verified_badge verified_admin tooltip2 tooltipstered" data-xf-init="tooltip" title="Management"><i class="fa fa-check"></i></div>
            <xf:elseif is="{{$user.isMemberOf(2)}}"/>
    <div class="verified_badge verified_uye tooltip2 tooltipstered" data-xf-init="tooltip" title="Verified Member"><i class="fa fa-check"></i></div>
        </xf:if>


In the Extra.less template


CSS:
.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_uye {
    background: #348423;
}
 
Top