İpuçu CSS Rank Yapımı - Yazdırılabilir Sürüm

İpuçu: CSS Rank Yapımı - Yazdırılabilir Sürüm

+- MyBBKursu.Com - MyBB Türkçe Destek Sitesi (https://www.mybbkursu.com)
+-- Forum: MyBB Dersleri (https://www.mybbkursu.com/forumdisplay.php?fid=6)
+--- Forum: Mybb Tema Yapımı - Dersleri (https://www.mybbkursu.com/forumdisplay.php?fid=10)
+--- Konu: İpuçu: CSS Rank Yapımı (/showthread.php?tid=28)

CSS Rank Yapımı - **SaBRoZa** - 04-19-2026

Merhaba Arkadaşlar Rankları Yapımını Anlatcam
İlk Önce Admin KP > Temalar Şablonlar >Temalar>Kullandığınız Tema Yeni Css Oluşturun.

css adı:Css Rank
kendi içerğimi Yazıcam:

PHP Kod:
.rank {
background-color:#c0392b;
width:165px;
padding:5px 0px;
margin:auto;
border:1px solid #2c3e50;
border-radius:1px;
font-size:15px;
text-shadow: 0 0 5px #FFF;
color:#fff;
opacity: 0.8; 

}
.rank:hover {
opacity: 1; 
-webkit-transition-duration: 0.4s; 
transition-duration: 0.4s;
width:165px;
padding:5px 0px;
margin:auto;
border:1px solid #2c3e50;
border-radius:1px;
font-size:15px;
text-shadow: 0 0 5px #FFF;
color:#fff;
} 

Bu Kodu Yapıştırın Daha Sonra

Admin KP>Tema Şablonlar>Şablonlar kullandığınız tema>postbit Şablonlar>postbit_groupimage

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

Kodunu Bununla Değiştirin:

Kod:
{$usergroup['image']}

eklinde Daha Sonra Üye&Gruplar Grup Resmi Yerine Bu Kodlardan Hangi Yetkileri Ekliycekseniz Ekleyin.

Ve Ranklar Otomatik o Gruba Gidicek.

Kod:
<div class="rank" style="background-color:#c0392b">Administration</div>

Bölüm Şefi Ekib Lideri:

PHP Kod:
<div class="rank" style="background-color:#27ae60">Bölüm Şefi Ekibi Lideri</div> 