Neler yeni

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 CSS Ranks,User banner nasıl yapılır ?

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

XenForo kullanımı için ip uçları.
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.


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 ***/
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

Screenshot-2017-12-1 Kullanıcı grubunu düzenle xF Admin XenForo Türkçe destek,XenForo Ekl...png



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

Sonuç

xenforo 2 0 0 kurulum.png
[/INDENT][/INDENT]
Yazar
eTiKeT™
Görüntüleme
10,459
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 10 değerlendirme

eTiKeT™ ait diğer kaynakar

Son incelemeler

peki ben kendi yaptığım rankı nasıl eklerim gif yada png olarak
Çok değerli bir yeteneksiniz. Başarılarınızın devamını diliyorum.
fa icon sistemini nasıl entegre edebilirim acaba?
Teşekkür ederim elinize sağlık. Faydalı paylaşım olmuş....
gayet güzel ama ben yapamadım yada temadan kaynaklıda olabilir

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.