Simgeli Css Rank Yapımı - MyBB

[#Captain]

Admin KP - Temalar & Şablonlar - Temalar - Kullandığınız Tema - Yeni bir css oluşturun. Kendi içeriğimi oluşturmak istiyoruma tik koyun. Aşağıdaki kodları içine yapıştırın.

Not: Ben sadece bir tane rank stilini verdim. Siz aşağıdaki kodları çoğaltıp member yazan yerlerini yapacağınız rütbe ismi olarak değiştirip çoğaltabilirsiniz.

Kod: Tümünü Seç Tümünü Kopyala

@import url(https://fonts.googleapis.com/css?family=Raleway:400);

.member {
  background: #7f8c8d;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  float: left;
  color: white;
  width: 190px;
  hright: 35px;
  line-height: 35px;
  border-radius: 2px;
  text-align: center;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  box-shadow: inset 0px 1px 0px rgba(0,0,0,0.2),inset 0px -1px 0px rgba(0,0,0,0.2),inset 1px 0px 0px rgba(0,0,0,0.2),inset -1px 0px 0px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.1);
  text-shadow: 0 2px 1px rgba(0,0,0,0.2);
  -webkit-transition-duration: 0.4s;
}

.member i {
  -webkit-filter: #c0392b(100%);
  background-color: rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 1px rgba(0,0,0,0.2);
  display: block;
  float: right;
  height: 35px;
  line-height: 35px;
  width: 35px;
  overflow: hidden;
  font-size: 20px;
}

Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Gruplandırılmış Şablonlar - Headerinclude şablonuna giriyoruz, {$stylesheets} kodunun üzerine aşağıdaki kodları ekliyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Postbit Şablonlar - Postbit_groupimage şablonuna giriyoruz, aşağıdaki kodu buluyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" />

Bu kodu aşağıdaki verdiğim kod ile değiştirin.

Kod: Tümünü Seç Tümünü Kopyala

{$usergroup['image']}

Admin KP - Üyeler & Gruplar - Gruplar - Hangi grup rankını değiştirmek istiyorsanız o gruba girin. Kullanıcı grup resmi yazan yere aşağıdaki kodu ekliyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<div class="member"><i class="fa fa-rocket"></i>eXpertBoss Üye</div>

Şablonda yazan rocket simge kodudur. Eğer farklı simge eklemek istiyorsanız http://fontawesome.io/icons/ sitesinden bakabilirsiniz.

Not: Ben sadece üye rankını örnekledim. Siz css şablonunu çoğaltarak ranklarıda çoğaltabilirsiniz. MyBB bilen kişiler bunu kolaylıkla anlar. Eğer fazla bilginiz yok ise bilgili olan kişilerden yardım isteyebilirsiniz.

Sizin tek yapmanız gereken rankları çoğaltırken background-color yani arkaplan rengini değiştirmek, güle güle kullanın.

Rank görüntüsü aşağıda verilmiştir.


Dip Not: Rank stillerine farklı kodlar ekleyerek değişik stiller çıkarabilirsiniz.

Made in eXpertBoss.

[Treebzy]

mybbarsiv kullanıyor :) Teşekkürler.

[Besico]

Bilmeyenler için gayet yararlı.
Teşekkürler.

[Dream41]

Eline sağlık güzel olmuş.

[#Captain]

Rica ederim, geliştirerek daha güzel stiller çıkarabilirsiniz.
Örneğin i class'ını geliştirerek ikonu öne çıkarıp daha hoş gösterebilirsiniz.

Hafif kodlama bilgisi olanlar bu konuda çok rahat edecek gibime geliyor.

[Muratbaykam]

Güzel olmuş teşekkürler

[#Captain]

Rica ederim.

[leojely]

Aradığım konulardan saol

[#Captain]

Rica ederim.

[κεıƨʟч]

İyi bir konu teşekkürler hocam.

[#Captain]

Rica ederim kardeşim.