Social profile icons

By

socialprofil
Bu gün sizlere değişik türlerden bir kaç tane animasyonlu buton örneği hazırlamayı düşünüyordum aslında. Nerden aklıma estiyse artık böyle bir örnek paylaşmaya karar verdim. Facebook, Google+, Youtube ve Twitter  butonlarının  olduğu bir örnek.  Her sosyal ağ adresinin  rengi farklı olduğu için her  butonun arkaplan rengi, yazı rengi ve hover sonrası renkleri farklı olması gerekiyordu. Bu yüzdenkodlar  baya  bi uzadı diye  düşünüyorum. Aslında bir  yandan iyi  gibi  oldu. Font Awesome ikonik fontları kullandığım için kolaylıkla kendi sitenize  uygun ikonları ekleyebilirsiniz.  Bu yüzden butonları  websitenizde  yan menü olarak ta kullanabilirsiniz. Tek yapmanız gereken ikonları değiştirmek ve sitenize uyan  renktei butonu  kullanmak. Yada kendi  sitenize  göre farklı  renkler  ekleyip  sitenize  daha da uygun hale getirebilirsiniz.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölüm.

Css :

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...


1 Comment
  1. hasan 3 years ago
    Reply

    tek kelimeyle harikasınız. bide site hızlnadırıcı olsa fisek gibi girse iyi olue.
    spped

Leave a Comment

Your email address will not be published.

You may also like

Trend