R10DEV.NET HABER SİTESİ AÇILDI!R10DEV.NET HABER SİTESİ AÇILDI!

Şablonlar Xenforo Kullanıcı postbit icon koyma
Şablonlar
admin

admin

PATRON
SİTE YETKİLİSİ
Moderator
ÜYE
Kurumsal Üye
Katılım
23 Eki 2022
Mesajlar
6,176
Çözümler
11
Tepkime puanı
3,778
Puanları
113
Yaş
28

XenForo Profil Altına veya Üstüne Logo Ekleme (GM Yazısı Ekleme Rehberi)

XenForo Profil Özelleştirme Nedir?

XenForo, modern forum sistemleri arasında en çok tercih edilen platformlardan biridir ve sunduğu tema özelleştirme seçenekleri ile dikkat çeker. Özellikle kullanıcı profillerinin görsel olarak geliştirilmesi, forumların profesyonel görünmesini sağlar.


Bu rehberde, XenForo profil altına veya üstüne logo ekleme, ayrıca GM (Game Master) yazısı veya özel rozet ekleme işlemini detaylı şekilde ele alıyoruz. Bu yöntem sayesinde kullanıcı profillerinizi daha dikkat çekici ve kurumsal hale getirebilirsiniz.




XenForo Profil Üstüne Logo / GM Yazısı Ekleme Mantığı

XenForo'da profil avatar alanı CSS ile kontrol edilir. Bu nedenle özel bir rozet, yazı veya logo eklemek için extra.less dosyası kullanılır.


Bu yöntem sayesinde:


  • Kullanıcı profiline özel GM yazısı ekleyebilirsiniz
  • Profil üstüne logo veya badge yerleştirebilirsiniz
  • Yetkili kullanıcıları görsel olarak ayırabilirsiniz
  • Forumunuzu daha profesyonel hale getirebilirsiniz



Admin Panel Üzerinden Extra.less Dosyasına Erişim

XenForo üzerinde işlem yapmak için aşağıdaki adımları takip etmeniz gerekir:


Admin Panel → Görünüm & Diller → Temalar → Tema Seçimi → extra.less


Burada açılan dosya, forumunuzun CSS yapısını düzenlemenizi sağlar. Tüm stil değişiklikleri burada yapılır.





XenForo Profil Üstüne GM Yazısı Ekleme CSS Kodu

Aşağıdaki kod, kullanıcı avatarının üstüne "GM" yazısı veya görsel rozet eklemek için kullanılır:






Kodun Detaylı Açıklaması

Bu CSS yapısı şu şekilde çalışır:


  • .profileAvatar: Kullanıcı avatar alanını temsil eder
  • position: relative: İçine eklenecek öğelerin konumlandırılmasını sağlar
  • ::before pseudo element: Avatarın üstüne ekstra içerik ekler
  • content: "GM": Görünen yazıyı belirler
  • background: İsterseniz yazı yerine logo eklemenizi sağlar
  • top: -20px: Rozetin avatarın üstünde görünmesini sağlar

Bu yapı sayesinde her kullanıcıya özel rozet sistemi oluşturabilirsiniz.




GM Yazısı Yerine Logo Kullanma

Sadece yazı yerine görsel logo kullanmak isterseniz aşağıdaki noktaya dikkat etmelisiniz:


  • PNG formatı tercih edilmelidir
  • Şeffaf arka plan kullanılmalıdır
  • Görsel CDN üzerinden yüklenmelidir

Örnek kullanım:



background: url('https://yourimageurl.com/logo.png') no-repeat center center;





XenForo Profil Altına Logo Ekleme (Alternatif Yöntem)

Eğer rozeti profilin üstüne değil altına eklemek istiyorsanız CSS'i aşağıdaki gibi düzenleyebilirsiniz:




Bu yöntem ile:


  • Profil altına rozet eklenir
  • Daha modern bir görünüm elde edilir
  • Kullanıcı seviyeleri görselleştirilebilir



Yetkili Rütbe Sistemi Oluşturma (GM, Admin, Mod)

Bu sistemi sadece GM değil, farklı roller için de kullanabilirsiniz:


  • GM (Game Master)
  • Admin
  • Moderator
  • VIP Üye
  • Premium Kullanıcı

Her rol için farklı bir CSS tanımlanabilir:


.adminAvatar::before {
content: "ADMIN";
background: red;
}

.modAvatar::before {
content: "MOD";
background: blue;
}




XenForo Profil Tasarımında SEO ve Kullanıcı Deneyimi

Forum tasarımında sadece görsellik değil, aynı zamanda kullanıcı deneyimi (UX) de önemlidir. Özelleştirilmiş profil yapısı sayesinde:


  • Kullanıcılar arasında güven artar
  • Yetkili kişiler daha kolay ayırt edilir
  • Forum içi etkileşim yükselir
  • Marka kimliği güçlenir



Profesyonel XenForo Tema Düzenleme İpuçları

Daha profesyonel bir görünüm için aşağıdaki önerileri uygulayabilirsiniz:


  • Rozetleri minimal tasarlayın
  • Renk uyumuna dikkat edin
  • Mobil uyumluluğu test edin
  • CSS kodlarını optimize edin
  • CDN kullanarak görselleri hızlandırın



Sık Yapılan Hatalar

XenForo profil düzenlemede en sık yapılan hatalar şunlardır:


  • Aşırı büyük rozet kullanımı
  • Konumlandırma hataları (overflow sorunları)
  • Mobil cihazlarda bozulma
  • Yanlış selector kullanımı
  • Cache temizlemeyi unutmak



Sonuç: XenForo Profil Özelleştirme ile Profesyonel Forumlar Oluşturun

XenForo profil üstüne veya altına logo ekleme işlemi, forumunuzu sıradan bir yapının ötesine taşır. Özellikle GM yazısı ekleme, yetkili kullanıcıları ön plana çıkararak topluluk yönetimini kolaylaştırır.


Ekran-Alintisidd2685c87715a712.webp

Doğru CSS kullanımı ile hem estetik hem de fonksiyonel bir profil sistemi oluşturabilirsiniz. Bu yöntem, modern forumlarda kullanıcı bağlılığını artıran en etkili tekniklerden biridir.
 
Son düzenleme:
Üst
Reklam Ver
R10dev.net'i ana ekrana ekle!