• Ana Sayfa
  • Portal
  • Arama
  • Üye Listesi
  • Yetkili Listesi
  • Diğer

  • GrafikArşivine | Hoşgeldiniz.

    Ziyaret ettiğiniz için teşekkür ederiz aramıza katılıp bize destek olmak istermisiniz?
    Konuyu Oyla:
    • Derecelendirme: 0/5 - 0 oy
    • 1
    • 2
    • 3
    • 4
    • 5
    Dream41 Dream41 Dream41 Dream41 Dream41 CSS Rank Tasarımı
    CSS CSS hakkında paylaşımların yapıldığı bölüm. Dream41 Yazar, 0 Yorum , 24 Okuma
    Çevrimiçi Dream41
     Tarih: 12-04-2019, Saat: 17:30
    #1
    [Resim: image.png]
    CSS:
    Kod:
    .rank{
     background:#36454a;
     color:#fff;
     padding:7px;
     border-radius:20px 2px 2px 20px;
     width:180px;
     text-align:center;
     margin-bottom:2px;
     transition:all 0.4s;
    }

    .rank i{
     float:left;
     background:rgba(0 , 0 , 0 , 0.27);
     padding:8px;
     margin:-7px;
     border-radius:20px 2px 2px 20px;
    }

    .admin{
     background:#ee4400;
    }

    .uye{
     background:#37565a;
    }

    .grafiker{
     background:#55438b;
    }

    .sef{
     background:#44966b;
    }
    HTML:
    Kod:
    <div class="rank admin"><i class="fa fa-gavel"></i> Site Admini</div>
    <div class="rank uye"><i class="fa fa-user-circle"></i> Forum Üyesi</div>
    <div class="rank grafiker"><i class="fa fa-paint-brush"></i> Grafiker</div>
    <div class="rank sef"><i class="fa fa-cogs"></i> Şef</div>
    [Resim: grafiklogoss.png]
    Cevapla
    Teşekkür verenler:

    Yorum yapma izniniz bulunmuyor!

    Yorum yapa bilmek için giriş yapmalısınız veya üye olmalısınız

    Giriş yap!

    Zaten hesabın var mı? Giriş yap.
    Giriş

    Kayıt ol!

    Bize katılmak için üye olunuz.
    Kayıt

    Hızlı Menü:


    Konuyu Okuyanlar: 2 Ziyaretçi

    Hakkımızda

    GrafikArşivi 4 Eylül 2018 tarihinde açılmış olup sizlerin destekleri ile büyümeye devam etmekte.

    İletişim

    İletişim sayfamızı kullanabilirsiniz.

    - ya da -
    Türkçe Çeviri: MCTR, Yazılım: MyBB, © 2002-2019 MyBB Group.
    selam