Kullanım tekniği XenForo kullanıcı adlarını özelleştirin

[XenTR]

Herkese merhaba;

XenForo 'da kullanıcı adlarınızın önüne font avesome ikonları ekleyerek forumunuza farklı bir görünüm kazandırabilirsiniz. Bunun için yapmanız gereken basit bir kaç işlem bulunmaktadır.
Öncelikle aşağıda verilmiş kodları kodları kullanmış olduğunuz temenın extra.less dosyasına ekleyin.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Daha sonra Admincp > Groups & permissions > User groups alanına giderek aşağıdaki vermiş olduğum örnekteki gibi tüm kullanıcı gruplarınıza uygun şekilde uyarlamaları yapınız.

Örneğin Administrative grubunu düzenle diyerek aşağıda resimde gösterildiği gibi diğer gruplarınız için uygun yapıyı hazırlayabilirsiniz.

User name CSS alanına aşağıdaki kodu yapıştırın.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Burada renk biçimini gif resim yolunu ve text-shadow biçimlerini kullanmış olduğunuz temaya göre düzenleyin.

Son olarak User banner styling alanında yer alan Other, using custom CSS class name alanına userBanner Banner--admin yazın.

Bu alana her bir grup için grup adlarını gireceğiz.

Grup adları:

• userBanner Banner--admin
• userBanner userBanner--moderator
• userBanner userBanner--member
• userBanner userBanner--guest

Buraya girmiş olduğunuz içerik o kullanıcı grubu için geçerli olmaktadır.


Sonuç alarak kullanıcı adı arkaplanında bir gif resmi oynatılacak ve kullanıcı adı önünde sizin belirlediğiniz font-awesome simgesi çıkacaktır.



Bunun dışında dilerseniz kullanıcı banner ları için animasyon ekleyebilirsiniz. Basit bir işlem. Bununla da her 5sn gibi bir zamanda belirlemiş olduğunuz kullanıcı grubu bannerları yanıp sönecektir.



Ben aşağıdaki örnekte sadece yöneticiler için yani userBanner--staff özelliğine göre ayarladım. Dilerseniz diğer gruplarınız için de aynı işlemi uygulayabilirsiniz.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

 

[Hasip]

Bu kadar güzel bir kodu paylaştığınız için teşekkür ediyorum. Acaip hoşuma gitti

 

[Hasip]

Hocam, Çevrimiçi Üyeler kısmında malesef ki kayma oluyor. Simge yukarıda kalıyor isim aşağıya iniyor. Nasıl birşey yapabiliriz ?

 

[XenTR]

Bu alandan bahsediyorsanız sorun görünmüyor.

 

[Hasip]

Farkettiyseniz Cemil öncesinde olması gereken simge üst satırda kalmış. Cemil alt tarafta yazıyor. Buna bir çözüm bulabilirmiyiz ? (Simetri sorunum mu var acaba )

 

[XenTR]

Orada aslında bir sorun yoktur. Sidebar genişliğine göre almaktadır. Sidebar genişliğini biraz artırabilirsiniz.

 

[Hasip]

Normalde üye isimleri kesilmiyor hocam, direkt alt satırdan başlıyor. Genişliği artırsam bile sonuçta online kişilerin isimlerinin uzunlukları aynı olmayacaktır. Bi söylediğiniz deneyeyim bakalım işe yarayacakmı. Teşekkürler.

 

[XenTR]

Söylediğim gibi o alanda aslında sorun yok ikon olmasa bile sığabildiği yapıya göre şekillenmektedir. Mevcut ul listeleme yapısına göre alır.

 

[XenTR]

Konuya yanıp sönen animasyon efekti eklenmiştir.

 

[HePBiZ]

Teşekkürler tatlı görünüyor genel forumlar için

 

[Zombeyi]

Other, using custom CSS class name alanına userBanner Banner--admin yazın.
Bu bölümde benim rank tagım var, onu silersem rank tagı gidecek nasıl yapmam lazım?