Foruma hoş geldin 👋, Ziyaretçi
Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
-
Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
Daha fazla bilgi!
Xenforo 1 Avatar ve Rank Sistemi
- Konbuyu başlatan zaferbeyy
- Başlangıç tarihi
- Katılım
- 20 Ağu 2017
- Mesajlar
- 2,474
- Çözümler
- 62
Eğer bu konudakini uyguladınız ise bu XF-2 için. Emin değilim ama sanki XF-1 bazı kod değişikleri gerekiyor diye biliyorum.
ip ucu - XenForo CSS Ranks,User banner nasıl yapılır ?
ip ucu - XenForo CSS Ranks,User banner nasıl yapılır ?
- Katılım
- 20 Ağu 2017
- Mesajlar
- 2,474
- Çözümler
- 62
Merhabalar @
Z
zaferbeyy;
Extra.css alanına eklediğinzi tüm kodları paylaşırmısınız.
Birde üye grubu isimlerine göre background tanımlaması yapmalısınız extra.css içine
sablon okunuyor ama arkaplan rengi yok şuan.
misal üye grubu isminiz "xenoyuncu" ise
Kullanıcı grubu alanından ilave css alaninan" ZenRanksGenel xenoyuncu" yazmalısınız
daha sonra extra.css, içine varolan kodların altına (yukarıdaki ekte paylaştığınız extra css alanı )
mantığu bu şekilde kullanıcı grubu alanında bir isim belirlenir css içinden okutulur. Yinede başarılı
sonuç alamazsanız bir login gönderin özel'den inceleme yapalim sitenizi.
Extra.css alanına eklediğinzi tüm kodları paylaşırmısınız.
Birde üye grubu isimlerine göre background tanımlaması yapmalısınız extra.css içine
sablon okunuyor ama arkaplan rengi yok şuan.
misal üye grubu isminiz "xenoyuncu" ise
Kullanıcı grubu alanından ilave css alaninan" ZenRanksGenel xenoyuncu" yazmalısınız
daha sonra extra.css, içine varolan kodların altına (yukarıdaki ekte paylaştığınız extra css alanı )
CSS:
.xenoyuncu {
background-color: #renkkodu;
}mantığu bu şekilde kullanıcı grubu alanında bir isim belirlenir css içinden okutulur. Yinede başarılı
sonuç alamazsanız bir login gönderin özel'den inceleme yapalim sitenizi.
Kod:
/* XenForo.gen.tr 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 ***/Extra.css deki tüm kodlar bunlar ve ben
- Diğer, özel CSS sınıf adı kullanarak ekleyebilirsiniz: bölümüne ZenRanksGenel ZenAdmin ekledim. o gruba kendimi ekledim ama calıştıramadım.
- Katılım
- 4 Ara 2016
- Mesajlar
- 9,057
- Çözümler
- 1,034
Şunu denermisiniz
Kod:
/* XenForo.gen.tr 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;
}
.ZenRanksGenel,
.userBanner--staff
: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;
}
.userBanner--staff:before {
content: "\f005";
}
.ZenAdmin {
background-color: rgb(206, 30, 30);
}
.ZenAdmin:before {
content: "\f006\f006\f006";
}
/*** YENİ EKLENECEK KULLANICILARI ALT SATIRA EKELYİN ***/
Paylaşım için teşekkürler
