chat ege.net

XenForo 2 Default CSS Ranks ile tüm renkleri kullanma

ahmeetsn

Onaylı Üye
Katılım
13 Şub 2019
Mesajlar
46
Konum
İzmir
Merhabalar, sadeliği sevenler için hali hazırda olan kodların üzerinden oynama yaparak düzenlemeler yaptım, dileyen herkes biraz bilgi ile yapabilir.

Genel olarak font awesome icons kullandığınızda ranks metni uzun olduğu zaman alta kayıyordu bu sebeple font awesome icons kaldırıp sadeliğe önem verdim.

Kullanımı çok basit
Bir tane yetki seçiyorsunuz banner kısmından 'Diğer, özel CSS sınıf adı kullanarak' kısmından aşağıdaki kodları ekliyorsunuz.

iyinetrank Admin
iyinetrank Moderator
iyinetrank platinuyelik

Kullanımı bu kadar eklenti olmadan yapabilmeniz mümkündür.

Font Awesome 5 iconları aktif etmek isterseniz alttaki kodu eklemeniz yeterli olacaktır.
font-family: 'Font Awesome 5 Pro'; < kodu .userBanner.userBanner--staff { arasına ekleyin.

Temanızın extra.less şablonuna ekleyiniz.

PHP:
.iyinetrank,
.userBanner--staff {
    color: rgba(255, 255, 255, 2.0);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    font-size: 90%;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    text-align: center;
}

.userBanner.userBanner--staff {
  background: rgb(197, 13, 13) none repeat scroll 0 0;
  border: medium none;
  color: rgba(255, 255, 255, 2.0);
  }

.userBanner--staff {
    background: #c50d0d;
   }

.Admin, {
    background-color: #ef0505;
}
.Moderator, {
    background-color: green;
}
.platinuyelik, {
    background-color: #c89b0e;
}
.golduyelik, {
    background-color: #1a7bc1;
}
.silveruyelik, {
    background-color: #26a91d;
}
.KayitliUye, {
    background-color: black;
}
.UyeligiDurduruldu, {
    background-color: #c0c0c0;
}
 
Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur. iyinet.com sayfalarında yer alan yazı, görsel ve linklerle ilgili hukuki şikayetleriniz için Buradan iletişime geçmeniz durumunda, ilgili kanunlar ve yönetmelikler çerçevesinde en geç 7 gün içerisinde iyinet yönetimince tarafınıza dönüş sağlanacaktır. Betcup Artemisbet
Üst