• 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 Sosyal Medya Butonları
    HTML HTML 4.1,XHTML ve son yıllarda popüleritesini arttıran HTML5 Dream41 Yazar, 0 Yorum , 120 Okuma
    Çevrimiçi Dream41
     Tarih: 27-02-2019, Saat: 22:55
    #1
    Demo: 

    [Resim: image.png]

    HTML
    Kod:
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

    <br><span class="sbutton"><i class="fab fa-facebook-square"></i> <a href="#">Facebook</a></span>
    <span class="sbutton" style="background:#c62828;"><i class="fab fa-google-plus"></i> <a href="#">Google</a></span>

    <span class="sbutton" style="background:#03A9F4;"><i class="fab fa-twitter"></i> <a href="#">Twitter</a></span>

    <span class="sbutton" style="background:#c62828;"><i class="fab fa-youtube"></i> <a href="#">Youtube</a></span>

    <span class="sbutton" style="background:#7289da;"><i class="fab fa-discord"></i> <a href="#">Discord</a></span>

    CSS
    Kod:
    .sbutton{
     background:#1565C0;
     color:#fff;
     padding:7px 15px;
     border-radius:0.25em;
     border-bottom:3px solid rgba(0,0,0 ,0.15)
    }

    .sbutton i{
       background: rgba(0,0,0 ,0.15);
       padding: 8px 10px 12px;
       margin-left: -15px;
       margin-right: 5px;
       border-radius: 0.25em 0.25em 0px;
    }

    .sbutton a{
     color:#fff;
     text-decoration:none;
    }
    [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