Neler yeni

Foruma hoşgeldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Çevrimiçi ve Çevrimdışı Avatar Planlaması

XF 2.1 Eklenti Çevrimiçi ve Çevrimdışı Avatar Planlaması

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
Merhaba,

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.

PHP:
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
7706


Hemen Altına aşağıda verilen kodları ekliyelim ve ekledikten sonra şekillendirmeye geçelim.

PHP:
<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.
CSS:
/* 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.



7707



Çevrimiçi & Çevrimdışı Sonuç

7710

  • Screenshot_3.webp
    Screenshot_3.webp
    7.1 KB · Görüntüleme: 87
  • Screenshot_4.webp
    Screenshot_4.webp
    6.9 KB · Görüntüleme: 109
Yazar
MusaPekel
Görüntüleme
2,753
İlk yayınlama
Son güncelleme

Puanlar

5.00 yıldız 1 değerlendirme

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

  • Geniş / Dar görünüm

    Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

    Izgara görünümlü forum listesi

    Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

    Resimli ızgara modu

    Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

    Kenar çubuğunu kapat

    Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

    Sabit kenar çubuğu

    Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

    Köşe kıvrımlarını kapat

    Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

  • Zevkini yansıtan renk kombinasyonunu seç
    Arkaplan resimleri
    Renk geçişli arkaplanlar
Geri