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.

Şimdi kayıt ol Giriş yap
Kaynak ikonu

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

Genel bakış Yorumlar (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ı
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
.
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.webp


Alt forumlarda görünümü;
ikonalt.webp
  • Beğen
  • Sev
Tepkiler: Arch, Etern4L, icloudsr ve 7 diğerleri
Yazar
Ugur
Görüntüleme
2,260
İlk yayınlama
Son güncelleme

Puanlar

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ı…

Tema özelleştirme sistemi

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

Sisteme duyarlı
Gündüz modu
Gece modu

Tema seçeneklerini yönet Tema renklerini yönet

  • 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