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.
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;
}