IRCRehberi.Net- Türkiyenin En iyi IRC ve Genel Forum Sitesi  
 sohbet
derya sohbet


XenForo XenForo Dersleri , XenForo Kurulumu , XenForo Forum Dökümanları 'na bu başlık altından ulaşabilirsiniz.

1Beğeni(ler)
  • 1 Post By Absent


 
 
Seçenekler Stil
Alt 09 Haziran 2021, 11:28   #1
Bordo aşktır, mavi tutku..
Absent - ait Kullanıcı Resmi (Avatar)

Standart 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.

PHP- Kodu

/* XenForo.gen.tr User Banner,Ranks
*******************************************/
.ZenRanksGenel,
.
userBanner--staff {
    
colorrgba(255255255,0.8);
    
border-radius2px;
    
displayinline-block;
    
positionrelative;
    
font-size90%;
    
padding0 5px 0 32px;
    
cursorpointer;
    
font-size80%;
    
font-weightnormal;
    
text-alignright;

        &:
before {
        
background:rgba(000,0.2none repeat scroll 0 0;
        
positionabsolute;
        
border-top-right-radius10px;
        
border-bottom-right-radius10px;
        
border-right1px solid [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=fff]#fff[/URL]
        
top0;
        
bottom0;
        
left0;
        
padding:0px 4px 0px 4px;
        
min-width20px;
        
font-familyFontAwesome;
        
font-size100%;
        
text-aligncenter;

        }
}

.
userBanner.userBanner--staff {
  
backgroundrgb(2149292none repeat scroll 0 0;
  
bordermedium none;
  
colorrgba(2552552550.8);
  }

.
userBanner--staff {
    
background: [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=D65C5C]#D65C5C[/URL]

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

.
ZenAdmin, {
    
background-colorrgb(2063030);

    &:
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


PHP- Kodu

/* ZenAdmin Alanına kendi Kullanıcı ranks tasarımı alanına girdiğinizi girmelisiniz */
.ZenAdmin {
background-colorrgb(2063030);
&:
before {
content"\f006\f006\f006";/* font ikon kodunuz */
}

XenForo CSS Ranks,User banner nasıl yapılır ?
________________

Öpüşmek; alt katı kiralamak için, üst katta yapılan anlaşmadır..
 


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı





Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 00:17.