- Uyumlu XF 2 Sürümleri
Avatar kısmında çevrimiçi ve çevrimdışı olduğunu gösteren yapılandırma paylaşımını yapıcağım
1. Adım
Görünüm ve diller > Şablonlar > message_macros şablonuna giriyoruz.
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
Hemen Altına aşağıda verilen kodları ekliyelim ve ekledikten sonra şekillendirmeye geçelim.
<xf:else />
<span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('Çevrimdışı')|for_attr }}"></span>
2. Adım
Görünüm ve diller > Şablonlar > Extra.less şablonuna giriş yapalım.
/* Message Online & Offline Textures - MaveraCheats*/
.message-avatar-wrapper .message-avatar-online {
position: absolute;
top: -1px;
left: 7px;
right: -1px;
bottom: -2px;
border: 2px solid;
border-left-color: #7fb90087;
border-top-color: #7fb90087;
border-right-color: #7fb90087;
border-bottom-color: #7fb90087;
border-radius: 7px;
box-shadow: 0px 0px 10px 3px rgba(4, 90, 15, 0.38);
}
.message-avatar-wrapper .message-avatar-offline {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -2px;
border: 2px solid;
border-left-color: #f15a5a;
border-top-color: #f15a5a;
border-right-color: #f15a5a;
border-bottom-color: #f15a5a;
border-radius: 7px;
box-shadow: 0px 0px 10px 3px rgba(90,4,4,0.38);
}
/* Message Online & Offline Textures - MaveraCheats*/
Yukarıda verdiğim kodu extra.less şablonun içerisine yapıştırınız.
Çevrimiçi & Çevrimdışı Sonuç