Destek Teması v2.0 Tarzı Rank - MyBB

[#Captain]

Admin KP - Temalar & Şablonlar - Temalar - Sitenizde kullandığınız temaya tıklayın ve ardından yeni bir css dosyası oluşturun. Css dosyasını oluşturduktan sonra kendi içeriğimi yazmak istiyoruma tıklayın ve aşağıdaki kodları yapıştırınız.

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

.rank {
   background: #4e4e4e;
   border-left: 3px solid rgba(0, 0, 0, 0.2);
   border-radius: 3px;
   font-family:'Open Sans', sans-serif;
   margin-top: 10px;
   text-align: left;
   height: 20px;
   position: relative;
   max-width: 170px;
   padding: 7px 5px;
   user-select: none;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
}

.rank.tek {
   height: 24px;
   padding-top: 8px;
}


.rank .r-seviye {
   font-size: 8px;
   margin-top: -1px;
}

.rank:before {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   height: 34px;
   width: 38px;
   background: rgba(0, 0, 0, 0.2);
   -webkit-clip-path: polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
   clip-path: polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
}

Admin KP - Temalar & Şablonlar - Şablonlar -  Sitenizde kullandığınız temanın şablonlarına tıklayın ve ardından postbit şablonlarına girin. Postbit şablonlarına girdikten sonra postbit_groupimage şablonunda aşağıdaki kodu aratınız.

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

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

Yukarıdaki kodu silip aşağıdaki kodu yerine ekleyiniz.

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

{$usergroup['image']}

Admin KP - Üye & Gruplar - Hangi grubun rank-rütbe sistemini değiştirmek istiyorsanız o gruba girin ve grup resmi yerine aşağıdaki kodu ekleyiniz.

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

<div class="rank" style="background:#82502d;">Administrator<div class="r-seviye">eXpertBoss</div></div>

Önizlemek için aşağıdaki linke tıklayınız.
https://codepen.io/holigan/pen/WdKwEL

Rank-rütbe sistemini çoğaltmak için kullanıcı grup resmindeki kodda bulunan background rengini değiştirmeniz yeterlidir. :D

[#Raptor]

Önizleme var mı ? :D

[hipolito]

Eline sağlık :D w4rezCaptain :D

[mehmetext]

Cem eline sağlık orjinalini verelim diyeceğim de benzemiştir nasıl olsa ^^

[Radison]

Eyvallah dostum işin gücün rast gelsin

[Muratbaykam]

Demo :

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

https://codepen.io/muratbaykam/pen/qpRjLB

[mehmetext]

Hocam, sonlarda birçok gereksiz kod var. Silerseniz düzelir.

[#Captain]

Mehmet, teşekkürler. Birkaç düzenleme yaptım. Murat yeni önizlemeyi ekleyecektir.

[Muratbaykam]

Demo :

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

https://codepen.io/muratbaykam/pen/qpRjLB

Güncellendi

[#Captain]

Teşekkürler.

[yusufkoc]

Eline sağlık hocam.

[#Lykia]

Elinize Sağlık Hocam ..

[#Captain]

Yorumlarınız için teşekkür ederim.

[Samet_pro]

Teşekkürler bir şey soru cam merak ettim de
Eskiden css rank kullanmistim ama üye listesine tıklayınıca rank gözükmüyor ve yazı gösteriyordu bu sorunu yaşayanlar olabilir
Bu sorun nasıl duzeltilebilir

[#Raptor]

Admin kp > Temalar Şablonlar > Şablonlar > Kullanılan Tema > Üye Listesi Şablonlar > memberlist_user_groupimage içindekileri sil bunu yapıştır.

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

{$usergroup['image']}

[Samet_pro]

Teşekürler

[NoThing2Lose]

Eline Saglık Abi

[#Captain]

Teşekkürler kardeşim ancak ben sadece yapılı olan şeyleri paylaştım. :D ^^