Social media icons

0
238
views

social icons

Font  Awasome  ve Css3 kullanarak hazırladığım basit  bir menü  örneği.  Bu  örnekle ile  webesitenizin herhangi bir köşesindesosyal  ağ adreslerinizi  paylaşabilirsiniz.

Mouse  ile  butonlar  üzerinde  gezdiğinizde jquery fade  benzeri bir  şekilde butonların arkaplanında  bulunan beyaz renk maviye dönüşüyor ve  sosyal  ağ ikonuda  beyaz  oluyor.  Mouseyi geri çektiğinizde  yine  aynı şekilde  eski haline  dönüyor.

Kullandığım arkaplan desenine  uygun olsun diye  mavi ve beyaz  renkler kullandım  normalde  ilk  hazırladığım örnek siyah ve beyaz renklerden oluşuyordu.  Kendi  sitenizin rengine göre uyarlamak  size kalmış 🙂

Destekleyen tarayıcılar : Cherome, Safari, Mozilla, Opera, IE

Kullanım

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

Font Awasome adresi : 

 Css : 

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

Html : 

 

CEVAP VER

Please enter your comment!
Please enter your name here