Edit here: Style Properties -> Header and navigation

Nasıl Yapılır XenForo CSS Ranks

Nasıl Yapılır
New User
Katılım16 May 2022
Mesajlar88
T. puanı25
CF-Coin 0
XenForo CSS Ranks,User banner nasıl yapılır ?
Xenforo sisteminde CSS kokları ile user banner,Ranks nasıl yapılır onu anlatmaya çalışacağım.
Uyarı eğer XF2 kullanmıyorsanız ikonlar görünemeyecektir. Görünmesi için Fa ikon sistemi foruma entegre etmelisiniz.

Ben sadece bir örnek vereceğim gerisini siz getireceksiniz.
Adım 1
Adminpc >> Gruplar ve izinler >> Kullanıcı grupları >> Herhangi bir grup >> Kullanıcı ranks tasarımı Alanına şu kodu ekleyin
ZenRanksGenel ZenAdmin

Adım 2
Temanızın extra.less isimli şablonuna şu kodları ekleyin.

CSS:
/* glfrm.com User Banner,Ranks */
.ZenRanksGenel,
.userBanner--staff {
color: rgba(255, 255, 255,0.8);
border-radius: 2px;
display: inline-block;
position: relative;
font-size: 90%;
padding: 0 5px 0 32px;
cursor: pointer;
font-size: 80%;
font-weight: normal;
text-align: right;

&:before {
background:rgba(0, 0, 0,0.2) none repeat scroll 0 0;
position: absolute;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-right: 1px solid #fff;
top: 0;
bottom: 0;
left: 0;
padding:0px 4px 0px 4px;
min-width: 20px;
font-family: FontAwesome;
font-size: 100%;
text-align: center;

}
}

.userBanner.userBanner--staff {
background: rgb(214, 92, 92) none repeat scroll 0 0;
border: medium none;
color: rgba(255, 255, 255, 0.8);
}

.userBanner--staff {
background: #D65C5C;

&:before  {
content: "\f005";
}
}

.ZenAdmin, {
background-color: rgb(206, 30, 30);

&:before {
content: "\f006\f006\f006";
}
}
/*** YENİ  EKLENECEK KULLANICILARI ALT SATIRA EKELYİN ***/

Yeni kullanıcı grubu ekleyeceğiniz zaman Kullanıcı grubunda Kullanıcı ranks tasarımı alanına eklediğimiz ZenAdmin adını değiştirin ve aşağıdaki CSS şablonun adınıda aynı şeklide düzeneleyin.
 
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!
Üst
AdBlock Algılandı

Anlıyoruz, reklamlar can sıkıcı!

Tabii ki, reklam engelleme yazılımı, reklamları engellemede harika bir iş çıkarır, ancak aynı zamanda web sitemizin faydalı özelliklerini de engeller. En iyi site deneyimi için lütfen AdBlocker'ınızı devre dışı bırakın.

AdBlock'u Devre Dışı Bıraktım