XenForo Tips اضافه کردن آیکون وضعیت کاربران آفلاین

Code:

<span class="message-avatar-online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"></span>

و این کد را زیر کد بالا اضافه کنید

Code:

<xf:else /><span class="message-avatar-Offline"></span>

سپس این کد را به قالب extra.less اضافه کنید

Code:

.message-avatar-wrapper .message-avatar-Offline::before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f2bd";
line-height: 1;
font-weight: bold;
color: #d80000;
background: #242222;
border: #242222 solid 2px;
border-radius: 50%;
display: inline-block;
}
.message-avatar-wrapper .message-avatar-Offline {
position: absolute;
left: 50%;
margin-left: -.615em;
bottom: -.5em;

}

Click to expand...