Türkiye Drone Ligi başlıyor

Artık Youtube’un da okulu var

Youtube Videolarını Arkadaşlarınızla Birlikte Canlı İzleyin!

28. Yılını Kutlayan WWW.’nin Yaratıcısından Ciddi Uyarı!

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

Hazır Tasarımlar 22 Kasım 2015
436 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
463 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

2 Ekim 2016
301 Görüntülenme
Bunlar da var!
WordPress Şifre Sıfırlama Aracı

WordPress Şifre Sıfırlama Aracı

4 Eylül 2015
317 Görüntülenme
Galaxy S7’de ilginç sorun!

Galaxy S7’de ilginç sorun!

1 Mayıs 2016
224 Görüntülenme
Warcraft Filmi Yine Ertelendi

Warcraft Filmi Yine Ertelendi

25 Nisan 2015
170 Görüntülenme