Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
acil lazım
#1
merhaba ben şu soldaki gibi rankın arka planını filan aynısı yapmaya çalışıyorum ama yapamadım yapmaya yardım edermisiniz ?
Ara
Cevapla PGM
Teşekkür verenler:
#2
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
Ara
Cevapla PGM
Teşekkür verenler:
#3
Buda renk kodu #828282 ( gri )
Ara
Cevapla PGM
Teşekkür verenler:
#4
@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
Ara
Cevapla PGM
Teşekkür verenler:
#5
Hocam arkadaş css olarak istemiş. Flat renk isterseniz
Kod:
http://flatuicolors.com
Ara
Cevapla PGM
Teşekkür verenler:
#6
Bunlar css ranklar. Bir arkadaş yapımını falan anlatmıştı sanırım. Konuları biraz karıştırırsan bulacağından eminim
Öyle insanlar vardır ki sadece fikirleri bile yepyeni ağaçların fidanlarını eker.

#MustafaKemalAtatürk(1881-193∞)

Cevapla PGM
Teşekkür verenler:
#7
Linkini verdim
Ara
Cevapla PGM
Teşekkür verenler:
#8
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:
<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:
{$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:
.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
Ücretli Grafik İşleri Yapılır.
İletişim: Discord 
Biz birbirimize dönmüş iki ayna gibiyiz. İçimizde binlerce olsa da görüntümüz bir biz sadece birbirimizi görürüz…
                                                             
Cevapla PGM
Teşekkür verenler:
#9
@Dream41 bunu konu olarak açarsan daha iyi olur.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi


Vidinli.net Shopping Platform
Vidinli.net Shopping Platform
Vidinli.net Shopping Platform