TEMPLATE Kategori forum başlıklarına fa ikon nasıl eklenir?

[XcBot]

Xenforo 2.3 forumlarda kategori forum (node) başlıklarına eklentisiz fa-ikon nasıl eklenir?
Her kategori başlığı için ayrı fa-ikonlar ekleyebilirsiniz.
Eklenti kullanmadan kategori (node) başlıklarına fa-ikon eklemek için aşağıdaki anlatımı uygulayın.



Aşağıdaki örnekte "Forum Duyuruları" başlığına megafon fa-ikon ekleyeceğiz.

Öncelikle bu kategori forumunun node-id kodunu almalıyız.
Mause ile bu başlığın üzerine geldiğinizde, durum çubuğu adres satırında gördüğünüz link sonunda yer alan rakam, kategori forumu node-id nosunu gösterir.

Node-id bilgisini aldık, şimdi kodumuzu ekleyelim.

Aşağıdaki kodu temanızın extra.less şablonuna ekleyin.

İçeriği görüntülemek için Giriş yapın veya Kayıt olun.

Bu kod ile ne yapmış olduk?

2 no'lu node başlığına fa-ikon ekledik.
fa-ikon rengini kırmızı yaptık. (gerekiyorsa)
temamızın özelliğine göre fa-ikon elemanını %170 büyüttük (gerekiyorsa)

---

Fa-ikon seçimini nasıl yapacağız?

Xenforo zaten yerleşik sistemi ile font-awsome kütüphanesini tanımaktadır.
Eğer Xenforo 2.2 sürümünü kullanıyorsanız font awesome 5 versiyonu, Xenforo 2.3 kullanıyorsanız font awesome 6 versiyonu ek şablon müdahalesi olmadan kullanabilirsiniz.

Aşağıdaki linkten fa-ikonumuzu seçip adını alacağız ve forumumuzda kullanacağız.

Find Icons with the Perfect Look & Feel | Font Awesome

Used by millions of designers, devs, & content creators. Open-source. Always free. Check out the all-new icons, styles, and packs available in Font Awesome 7.

fontawesome.com

Seçtiğim fa-ikon için birden fazla versiyon var!

Xenforo 2.3 fa-ikon kullanımında aşağıdaki örnekte ikon seçimi sizin için rehberlik edecektir;

.m-faContent(@fa-var-bullhorn); standart ikon
.m-faContent(@fa-var-solid-bullhorn); solid ikon
.m-faContent(@fa-var-regular-bullhorn); regular ikon
.m-faContent(@fa-var-light-bullhorn); light-ikon
.m-faContent(@fa-var-duotone-bullhorn); duotone ikon


İstediğim renk kodunu nasıl seçebilirim?

Fa-ikonları eklerken her biri için ayrı renk seçimi yapabilirsiniz;
İsterseniz font-color için, red, blue, green şeklinde isim girebilir;
İsterseniz aşağıdaki linkten daha detaylı seçim yaparak renk kodu kullanabilirsiniz.

Google renk seçici

 

[Emre K..]

harika oldu emeklerine sağlık abi

 

[ALemci44]

Teşekkürler