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

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

XenTR

Yönetici
XenTR Mod
Licenced
SMS Confirmed
Katılım
3 Şub 2019
Mesajlar
2,130
Çözümler
69
Tepki puanı
2,722
Puanları
113
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.
CSS:
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.
Kod:
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.
1587036225114.png

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.

1587036874520.png

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.

Banner-Animate.gif

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.

CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
 
Bilgi Kaynak Erişimi
https://xentr.net/
Son düzenleme:

En Çok Tepki Alan 5 Mesaj

Bu kadar güzel bir kodu paylaştığınız için teşekkür ediyorum. Acaip hoşuma gitti :)
 
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 ?
 
1587117670781.png
Bu alandan bahsediyorsanız sorun görünmüyor.
 
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 :) )
 
Orada aslında bir sorun yoktur. Sidebar genişliğine göre almaktadır. Sidebar genişliğini biraz artırabilirsiniz.
 
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.
 
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.
 
Teşekkürler tatlı görünüyor genel forumlar için :)
 
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?
 
Quick Jump
2,620Konular
12,449Mesajlar
1,428Kullanıcılar
Geri
Üst