• Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Forumlarınız için CSS Rank Yapımı
#1
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.
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;
7AMY5a.png
  Cevapla
#2
teşekkürler css ranklarda hoş duruyor.
  Cevapla
#3
belki bu foruma uygularız
  Cevapla
#4
siz bilirsinizde daha güzel flat bir rank yapılırsa bence gerek kalmaz.
  Cevapla
#5
(08-30-2016, 06:10 AM)Robola Nickli Kullanıcıdan Alıntı: siz bilirsinizde daha güzel flat bir rank yapılırsa bence gerek kalmaz.

nasıl yapılacağı belirsiz henüz Smile yani yeni rank mı css rank mı belli değil
  Cevapla
#6
Teşekkürler
1
  Cevapla
#7
(08-30-2016, 03:06 PM)Lescon Nickli Kullanıcıdan Alıntı: Teşekkürler

rica ederim
  Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


10tl.net Destek Forumu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping