Pet Clinic Web Site Tasarımı

ProFolio Web Site Tasarımı

Prologue Web Site Tasarımı

StrategyBox Web Site Tasarımı

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

Web Tasarımlar Pazar Kasım 22nd, 2015
655 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
648 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
457 Görüntülenme
Bunlar da var!
Kalbi Göğüs Kafesi Dışında Atan Çocuk [Video]

Kalbi Göğüs Kafesi Dışında Atan Çocuk [Video]

Cumartesi Aralık 5th, 2015
319 Görüntülenme
Windows 10lu aktif cihaz sayısı 200 milyonu geçti

Windows 10lu aktif cihaz sayısı 200 milyonu geçti

Çarşamba Ocak 6th, 2016
272 Görüntülenme
Zevkinize Özel Her Türden Cep Telefonu Kılıfı

Zevkinize Özel Her Türden Cep Telefonu Kılıfı

Cuma Şubat 19th, 2016
339 Görüntülenme
Jet 30 Web Site Tasarımı

Jet 30 Web Site Tasarımı

Salı Mayıs 2nd, 2017
108 Görüntülenme
Lovely Pets Photography Web Site Tasarımı

Lovely Pets Photography Web Site Tasarımı

Salı Haziran 13th, 2017
68 Görüntülenme