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.

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



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.webp
[/INDENT][/INDENT]
Yazar
eTiKeT™
Görüntüleme
10,867
İlk yayınlama
Son güncelleme

Puanlar

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

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

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.

Geri