iBlue2B Web Site Tasarımı

Fruitopia Web Site Tasarımı

Featherlight Web Site Tasarımı

SimplePicture Web Site Tasarımı

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

Web Tasarımlar Çarşamba Kasım 18th, 2015
322 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

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

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
375 Görüntülenme
Bunlar da var!
Finding Peace Web Site Tasarımı

Finding Peace Web Site Tasarımı

Cumartesi Nisan 22nd, 2017
63 Görüntülenme
Rainbow Six Siege Bu Hafta Sonu İçin Bedava Oldu!

Rainbow Six Siege Bu Hafta Sonu İçin Bedava Oldu!

Cumartesi Nisan 16th, 2016
278 Görüntülenme
CENNET NASIL BİR YER?

CENNET NASIL BİR YER?

Cumartesi Nisan 23rd, 2016
234 Görüntülenme
Dropbox Eğitim programı okullara ulaşmayı hedefliyor

Dropbox Eğitim programı okullara ulaşmayı hedefliyor

Pazartesi Mayıs 23rd, 2016
280 Görüntülenme