Merhaba arkadaşlar,
Forum sitemizde kullanıcı gruplarına özel, standartların dışında şık bannerlar (rütbe görselleri) eklemek isteyenler için bu rehberi hazırladım. Özellikle konsol hatası alan veya kodları çalıştıramayan arkadaşlar için çözüm yollarını ve güncel yöntemleri aşağıda bulabilirsiniz.
Forum sitemizde kullanıcı gruplarına özel, standartların dışında şık bannerlar (rütbe görselleri) eklemek isteyenler için bu rehberi hazırladım. Özellikle konsol hatası alan veya kodları çalıştıramayan arkadaşlar için çözüm yollarını ve güncel yöntemleri aşağıda bulabilirsiniz.
1. Kullanıcı Grubu Ayarları (Admin Paneli)
İlk olarak Gruplar ve İzinler > Kullanıcı Grupları yolunu izleyin. Düzenlemek istediğiniz grubu seçin.- Kullanıcı başlığı tasarımı kısmında "Başka, özel bir CSS sınıf adı kullanarak" seçeneğini seçin.
- Sınıf adı kısmına: userBanner my-ozel-stil yazın.
- Önemli: Buraya yazdığınız ismin başına nokta (.) koymayın. Ayrıca userBanner takısını ekleyip bir boşluk bırakırsanız, XenForo’nun kendi banner yapısıyla tam uyumlu (sarmalayan) bir görünüm elde edersiniz.
2. CSS Kodlarının Eklenmesi (extra.less)
Görünümü özelleştirmek için Görünüm ve Diller > Şablonlar kısmından extra.less dosyasını açın ve aşağıdaki kod yapısını kendinize göre düzenleyerek ekleyin:
CSS:
/* uydudoktoru.com Özel Banner Tasarımı */
.userBanner.my-ozel-stil {
color: #ffffff; /* Yazı rengi */
background: linear-gradient(45deg, #2e7d32, #1b5e20); /* Arka plan geçişi */
border: 1px solid #144618; /* Kenarlık */
border-radius: 4px; /* Köşe yumuşatma */
padding: 3px 8px;
font-weight: 600;
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Hafif gölge */
}3. Konsol Hatası ve Sorun Giderme
Eğer tarayıcı konsolunda hata alıyorsanız veya CSS çalışmıyorsa şu iki noktayı kontrol edin:- Hatalı Sınıf Yazımı: Admin panelindeki kutucuğa sadece sınıf adını yazın, CSS seçicisi gibi nokta kullanmayın.
- Sözdizimi: extra.less dosyasında bir önceki kodun kapanış parantezini } unutmadığınızdan emin olun.
Son düzenleyen: Moderatör:
