Evden Eve Nakliyat

Bill Gates’e Ait 11 Anlamlı Söz

Teknolojinin Zararlarını Biliyor musunuz ?

Steve Jobs’tan 13 İlham Verici Söz

Ülkelere Ait Sloganlar | Video 1

Düz Sosyal Medya Paylaş Butonu Tasarım Çalışması

Hazır Tasarımlar 18 Kasım 2015
124 Görüntülenme

Merhaba arkadaşlar sosyal medya butonları çalışmalarını paylaşmaya devam ediyoruz ve bu konumuzda daha öncekilere nazaran biraz daha düz ve sade sosyal medya butonları mevcut. Paylaşacağımız tasarım içerisinde ister tamamını isterseniz bir kaç tanesini sitenize ekleyerek rahatlıkla kullanabilirsiniz.

Çalışma ile ilgili gerekli dosyaları konu altındaki dosyaları indir butonuna tıklayarak indirebilirsiniz veya demo sayfa butonunu kullanarak tam ekran demo sayfasını görüntüleyebilirsiniz.

Nasıl Değişiklik Yapabilirim

Evet arkadaşlar eğer butonlar üzerinde düzenleme yapmak isterseniz yapmanız gereken şey css klasörü içerisindeki değerler ile biraz oynamak.

  • Butonların genişliğini ayarlamak isterseniz .entry-social div kodunu bulun ve içerisindeki width:138px; kodundaki 138 değerini kendinize göre düzenleyin.
  • Eğer butonun üzerine gelindiğinde çıkan rengi değiştirmek isterseniz .entry-social .fb a:hover  kodunu bulun ve background-color: rgb(50, 75, 129); alandaki RGB değirine kendi RGB renk değerlerinizi girin. ( Hepsi için ayrı ayrı yapmalısınız. )
  • Eğer butonlarda yer alan iconu değiştirmek isterseniz .entry-social .fb a kodunu bulun ve içerisinde yer alan url(‘http://3.bp.blogspot.com/-0u8P4VQmEeU/UeDlVdilwcI/AAAAAAAAAro/lGTnlvHGyVw/s1600/twitter14.png’) kısımdaki linke kendi sosyal medya iconu linkinizi ekleyin. ( Hepsi için ayrı ayrı yapmalısınız. )
Yorumlar

Henüz hiç yorum yapılmamış.

İlginizi Çekebilir
Yan Kayar Menü CSS

Yan Kayar Menü CSS

7 Ekim 2016
218 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

7 Ekim 2016
161 Görüntülenme
Duyarlı ve Mega menü

Duyarlı ve Mega menü

7 Ekim 2016
142 Görüntülenme
Açılır Menü Tasarımı

Açılır Menü Tasarımı

7 Ekim 2016
147 Görüntülenme
Hareketli Radyal / Dairesel Menü

Hareketli Radyal / Dairesel Menü

7 Ekim 2016
108 Görüntülenme
Hamburger Menu – HTML, CSS & jQuery

Hamburger Menu – HTML, CSS & jQuery

7 Ekim 2016
123 Görüntülenme
CSS3 ile Desteklenmiş Responsive Navigasyon Menu

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

7 Ekim 2016
72 Görüntülenme
CSS Gooey Menu (Version 3)

CSS Gooey Menu (Version 3)

4 Ekim 2016
100 Görüntülenme
Açılıp Kapanabilen Toggle Menü

Açılıp Kapanabilen Toggle Menü

4 Ekim 2016
132 Görüntülenme
Bootstrap Dropdown Menü Tasarımı

Bootstrap Dropdown Menü Tasarımı

2 Ekim 2016
97 Görüntülenme
Bunlar da var!
Nokia İşini Aceleye Getirmiyor

Nokia İşini Aceleye Getirmiyor

25 Şubat 2016
84 Görüntülenme
Türklerin Hep Yaptığı 15 Şey

Türklerin Hep Yaptığı 15 Şey

29 Nisan 2016
72 Görüntülenme
Dengesini Kaybeden Kadın Kayakçı [Video]

Dengesini Kaybeden Kadın Kayakçı [Video]

6 Şubat 2016
82 Görüntülenme