Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
Kaynak ikonu

XF 2.0 Eklenti Her Kategoride Farklı Fontawesome İkonu ve Farklı Renk Kullanmak

Genel bakış İncelemeler (3) Forum konusu
Bu eklenti, add-ons XenForo 2.0.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
Her kategoride ve alt kategorilerde farklı Fontawesome İkonu ve farklı renkler kullanabilirsiniz.

Temanızın node_list_forum şablonunda bulun (27. satır);
Kod: 
        <a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>

Bu şekilde değiştirin;
Kod: 
        <a href="{{ link('forums', $node) }}" class="fa-{$node.node_id} subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>



Yine node_list_forum şablonunda bulun (46. satır);
Kod: 
            <span class="node-icon" aria-hidden="true"><i></i></span>

Bu şekilde değiştirin;
Kod: 
            <span class="node-icon" aria-hidden="true"><i class="fa-{$node.node_id}"></i></span>


Sonra temanızın extra.less şablonuna her kategori için tek tek aşağıdaki şekilde kodları ekleyin.
Kod: 
.fa-55::before {
    content: "\f024" !important;
    color: #E30A17 !important;
}

Örnek koddaki ;
55 - forum id numarasıdır.
f024 - ikon kodudur. Bütün avesome ikon kodları burada.
E30A17 - renk kodudur. Her kategori için farklı renkler kullanabilirsiniz. Default renkleri kullanmak isterseniz koddaki color satırını silin.

Anasayfada görünümü;
ikon.JPG


Alt forumlarda görünümü;
ikonalt.JPG
  • Beğen
  • Sev
Tepkiler: Arch, Etern4L, icloudsr ve 7 diğerleri
Yazar
Ugur
Görüntüleme
2,096
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 3 değerlendirme
Tartışmaya katıl

Ugur ait diğer kaynakar

Bu kaynağı paylaş

Son incelemeler

mgalidertm
Kendi forumumda çok işime yaradı teşekkür ederim
Oyla 0 Downvote
eTiKeT™
Bu güzel anlatım,çalışma için teşekkürler,emeklerinize sağlık ...
Oyla 0 Downvote
mkucuksari
Güzel bir paylaşım olmus, ellerine sağlık.
Oyla 0 Downvote
Daha fazlası…

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.

Giriş yap Şimdi kayıt ol