Hibiscus Web Site Tasarımı

Green Web Web Site Tasarımı

Fivestar Web Site Tasarımı

The Wild Web Site Tasarımı

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

Web Tasarımlar Pazar Kasım 22nd, 2015
532 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

Cuma Ekim 7th, 2016
533 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

Cuma Ekim 7th, 2016
443 Görüntülenme
Duyarlı ve Mega menü

Duyarlı ve Mega menü

Cuma Ekim 7th, 2016
388 Görüntülenme
Açılır Menü Tasarımı

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

Cuma Ekim 7th, 2016
413 Görüntülenme
Hareketli Radyal / Dairesel Menü

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

Cuma Ekim 7th, 2016
367 Görüntülenme
CSS3 ile Desteklenmiş Responsive Navigasyon Menu

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

Cuma Ekim 7th, 2016
291 Görüntülenme
CSS Gooey Menu (Version 3)

CSS Gooey Menu (Version 3)

Salı Ekim 4th, 2016
328 Görüntülenme
Açılıp Kapanabilen Toggle Menü

Açılıp Kapanabilen Toggle Menü

Salı Ekim 4th, 2016
388 Görüntülenme
Bootstrap Dropdown Menü Tasarımı

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
368 Görüntülenme
Bunlar da var!
ZTE, ABD akıllı telefon pazarında ilk üçü hedefliyor

ZTE, ABD akıllı telefon pazarında ilk üçü hedefliyor

Pazartesi Mayıs 25th, 2015
211 Görüntülenme
Flat Responsive Minimal Admin Paneli

Flat Responsive Minimal Admin Paneli

Pazar Kasım 13th, 2016
981 Görüntülenme
Rounded Web Site Tasarımı

Rounded Web Site Tasarımı

Pazartesi Nisan 3rd, 2017
73 Görüntülenme
iPhone ve Android Amerika’da kozlarını paylaşıyor

iPhone ve Android Amerika’da kozlarını paylaşıyor

Çarşamba Mart 16th, 2016
214 Görüntülenme
Yılbaşı için sevdiklerinize alabileceğiniz 10 teknolojik hediye

Yılbaşı için sevdiklerinize alabileceğiniz 10 teknolojik hediye

Salı Aralık 1st, 2015
248 Görüntülenme
Responsive Kişisel Site veya Blog Teması

Responsive Kişisel Site veya Blog Teması

Cumartesi Ocak 9th, 2016
538 Görüntülenme