Merhabalar, Jetto Topluluğu!
Kendi forumumuzda kullandığımız Woltlab css kullanıcı derecelerini sizlerle paylaşacağız. Woltlab Türkçe desteği çok olmadığı için, yaşadığınız sorunlarla ilgili tüm taleplerinizi bizlerle paylaşabilirsiniz.
Woltlab CSS İle Kullanıcı Dereceleri Tasarlama
Woltlab admin paneline giriş yapalım, daha sonrasında 'Özelleştirme - Global CSS and SCSS' butonuna basın. Sizlere ileteceğim CSS kodlarını ilgili alana yapıştırıp, kaydedin.
/* Kullanıcı rank sistemi - Jetto.NET */
.administratorranks {
color: #fff;
background: linear-gradient(to right, #7c3302, #d10808);
font-size: 12px;
border: none;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding: 4px 10px;
transition: 0.4s;
text-transform: uppercase;
&:before {
padding: 2px 4px 2px 4px;
font-family: "Font Awesome 6 Free";
content: "\f3ed";
}
}
/* Kullanıcı rank sistemi */Yetkinin başındaki Font Awesome ikonunu değiştirmek isterseniz, İndirme bağlantısını görmek için Giriş Yap veya Kayıt Ol. adresinden kodları bularak kodların içerisinde bulunan content: "\f3ed"; satırındaki '\f3ed' kodunu değşitirerek kullanım yapabilirsiniz.
Daha sonrasında admin panelden 'Kullanıcılar - Kullanıcı Dereceleri' kısmına giriş yapalım. Yönetici yetkisine basalım, görselde gördüğünüz gibi 'administratorranks' css tanımlamasını yaparak kaydedin.
