08-28-2016, 07:56 PM
Forumlarınız için CSS Rank Yapımı
Admin Paneli » Temalar&Şablonlar » Temalar » Kullandığınız Tema » Yeni CSS Oluştur'un ve kodları ekleyin.
Ardından;
Admin Paneli » Temalar&Şablonlar » Şablonlar » Kullandığınız Temanın Şablonu » Postbit Şablonları » postbit
Bul;
Değiştir;
Son olarak;
Üstteki kodu eklemek istediğiniz yere ekleyin. "Grup Resmi" kısmına üstteki kod gelecek. GRUP ISMI ve gruprengi kısımlarını düzenleyebilirsiniz.
Görsel;

Admin Paneli » Temalar&Şablonlar » Temalar » Kullandığınız Tema » Yeni CSS Oluştur'un ve kodları ekleyin.
Kod:
/*CSS RANK*/
.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;
}
/*CSS RANK*/
Ardından;
Admin Paneli » Temalar&Şablonlar » Şablonlar » Kullandığınız Temanın Şablonu » Postbit Şablonları » postbit
Bul;
Kod:
{$post['groupimage']}
Değiştir;
Kod:
<div class="rank {$post['groupimage']}"></div>
Son olarak;
Kod:
<div class="rank" style="background-color:#gruprengi">GRUP ISMI</div><div style="display: none;">
Üstteki kodu eklemek istediğiniz yere ekleyin. "Grup Resmi" kısmına üstteki kod gelecek. GRUP ISMI ve gruprengi kısımlarını düzenleyebilirsiniz.
Görsel;
