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

Sosyal Medya Paylaş Butonu Tasarım Çalışması – 3

Hazır Tasarımlar 22 Kasım 2015
176 Görüntülenme

Merhaba arkadaşlar sosyal medya butonları paylaşımına devam ediyoruz ve umarım paylaşımlarımız işinizi görüyorudur. Sosyal medya paylaşım butonları sitenize canlılık katar, eğer kullanılır ise kullanıcı getirir hit katar.

Bu sosyal medya butonunda düz sadece bir yapıya sahip fakat butonların üzerinde yer alan kutulara istediğiniz bir veriyi girebilirsiniz. Örnek vermek gerekir ise PHP Ile Sosyal Paylaşım Sayılarını Çekme konumuzdaki kodu kullanarak sosyal medya’da ki paylaşım sayılarınızı bu alanda gösterebilirsiniz.

Konu ile ilgili gerekli kodları aşağıdan bulabilir isterseniz gerekli kodları bilgisayarınıza konu altında ki dosyaları indir butonunu kullanarak indirebilirsiniz.

Gerekli Kodlar

Nasıl Düzenleme Yaparım
  • Eğer butonların genişliklerini ayarlamak isterseniz css klasörü içerisindeki style.css dosyasını herhangi bir kod düzenleme programı ile açın ve .element button kodunu arayın. Kodu bulduktan sonra içerisinde yer alan width: 150px; kodunu kendinize göre düzenlemeniz yeterli.
  • Paylaşım sayılarının bulunduğu alan ile ilgili gerekli css kodlarında düzenleme yapmak isterseniz .count kodunu bulup kendinize göre ayarlamanız yeterli.
  • Eğer butonların renklerini ve mause ile üzerlerine gelindiğinde oluşan renkleri değiştirmek isterseniz css klasörü içerisinde style.css dosyasını herhangi bir kod düzenleme programı ile açın ve .twitter ve .twitter:hover kodlarını bulup background-color değerini kendinize göre ayarlayın.
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!
Tesla’nın Yeni Filmi 2016’da Geliyor

Tesla’nın Yeni Filmi 2016’da Geliyor

16 Mart 2015
64 Görüntülenme
10 Yıl Önce Piyasaya Çıkmış En İyi 6 Telefon

10 Yıl Önce Piyasaya Çıkmış En İyi 6 Telefon

25 Ocak 2016
75 Görüntülenme
Hebo Yapı İle En İyisi

Hebo Yapı İle En İyisi

23 Mart 2016
95 Görüntülenme
2016 model Galaxy J5 ve Galaxy J7 resmen tanıtıldı

2016 model Galaxy J5 ve Galaxy J7 resmen tanıtıldı

21 Nisan 2016
118 Görüntülenme
Göle Sodyum Atılırsa Ne Olur? [Video]

Göle Sodyum Atılırsa Ne Olur? [Video]

16 Kasım 2015
81 Görüntülenme