Kullanıcı:
Filtreler
Kaynak ikonu

XF 2.2 Online Offline Durum Yapılandırma

Genel bakış Güncellemeler (1) Yorumlar (1) Forum konusu
Bu eklenti, add-ons XenForo 2.2.X ile uyumlu ve stabil olarak çalışmaktadır.

Varsayılan Online Tarzı Offline Durum Göstergesi Responsive, Hover Dahildir

İconları Kendime Göre Değiştirdim Orjinal İkonu isteyenler

Bunu
Kod: 
content: "\f111";

Bununla Değiştirsin

Kod: 
content: "\f2bd";

online.png offline.png

Message_Macros Açılır

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

Altına Eklenir
Kod: 
<xf:else />
<span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('offline_now')|for_attr }}"></span>

Extra.less İçine Eklenir Responsive Dahildir
Kod: 
/*Postbit Offline Show & Online İco Cange*/
.message-avatar-wrapper .message-avatar-online:before{
    content: "\f111";
}
.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: "\f111";
    width: .969em;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #b90000;
    background: #f5f5f5;
    border: #f5f5f5 solid 2px;
    border-radius: 50%;
    display: inline-block;
}
.message-avatar-wrapper .message-avatar-offline {
    position: absolute;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em;
}
@media (max-width: 650px) {
  .message:not(.message--forceColumns)
    .message-avatar
    .avatar
    + .message-avatar-offline {
    left: auto;
    right: 0;
  }
}

Hover İçin
  • Görünüm ve diller > Cümle ve Kelimeler Girin Cümle Ekle Başlık
Kod: 
offline_now

Cümle Metni:
Kod: 
Şu an Çevrim dışı
Ekleyiniz
  • Beğendim
Tepkiler: tt ve 99ibrahim99
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.
Geri