acil lazım

[Orhan1]

merhaba ben şu soldaki gibi rankın arka planını filan aynısı yapmaya çalışıyorum ama yapamadım yapmaya yardım edermisiniz ?

[leojely]

Merhaba hocam bu css ile yapılmış size bi örnek atayım.Siteye uyarlamak zor bilginize
Ve birdaha konu başlığınızı acil yardım şeklinde yaparsanız destek verilmez bilginize
http://destek.10tl.net/showthread.php?tid=82645

[leojely]

Buda renk kodu #828282 ( gri )

[Mixt59]

@Sezar38 D10 un ranklarda kullandığı onlarca renk kodu var bende pc ye geçince biraz paylaşırım neyse sen beklemek istemiyosan google ye arat renk kodu diye benzerlerini bulursun

[leojely]

Hocam arkadaş css olarak istemiş. Flat renk isterseniz

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

http://flatuicolors.com

[Leques (Emektar)]

Bunlar css ranklar. Bir arkadaş yapımını falan anlatmıştı sanırım. Konuları biraz karıştırırsan bulacağından eminim

[leojely]

Linkini verdim

[Dream41]

Merhaba Bu Rankların Aynısı İçin Anlatım Yapıyım Bu Anlatım Sadece Admin Rankı İçin İstenirse Diğerlerini De Anlatırım
ilk önce
özel profil alanı ekle diyin
profil başlığı:css rank
açıklama:css rank
Alan Seçenekleri:Kutu Seç
seçilebilir alanlar:

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

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

Gerekli Hayar
kayıt sayfasında gösterim hayır
profil sayfasında gösterim evet
postbit hayır
görüntüleme izinleri:admin
düzenleme izinleri:admin yapın kaydedin
fid alın sonra
Admin KP>Tema Şablonlar>Şablonlar kullandığınız tema>postbit Şablonlar>postbit ordaki group imageyi slin yerine bunu yapıştırın

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

{$post['awards']}{$post['fidx']}

sonra kullandığınız tema yeni css oluştur kendi içerimi yazıcam oraya şu kodu yapıştırın

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

.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;
}


/*GRUPLAR */


ul.tabs {
  margin: 0;
  background: #fff url(http://aserdar.com/destek/thead.png);
  padding: 4px 0px 4px 0px;
  float: left;
  list-style: none;
  width: 100%;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #ccc;
}

ul.tabs li {
  float: left;
  margin: 0;
  margin-right: 5px;
  padding: 0;
  margin-left: 5px;
  height: 31px;
  line-height: 31px;
  border-radius: 6px;
  margin-bottom: -1px;
  background: #005289;
  overflow: hidden;
  position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    outline: none;
}

ul.tabs li a:hover {
    background: #005289
}    

html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #005289
}

.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
  padding: 10px 0px;
  font-size: 1.2em;
  background-color: #f9f9f9;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.8em;
}

.tab_content h3 a{
    color: #254588;
}

.tab_content img {
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}

.uyeborder{
  background: #fafafa;
  width: 100%;
  margin: auto auto;
  padding: 1px;
}

.uye1 {
  min-width: 100px;
}

Kullancı Panelinden Profilimi düzenleden seçin

[leojely]

@Dream41 bunu konu olarak açarsan daha iyi olur.