Socialike Web Site Tasarımı

SunshineAtoms Web Site Tasarımı

Verti Web Site Tasarımı

Boo House Web Site Tasarımı

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

Web Tasarımlar Çarşamba Kasım 18th, 2015
390 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
657 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
461 Görüntülenme
Bunlar da var!
Çamaşır Makinesi Tramboline Konulursa [Video]

Çamaşır Makinesi Tramboline Konulursa [Video]

Salı Ocak 19th, 2016
305 Görüntülenme
20 Madde ile Türkiye’de Esnaf Olmak

20 Madde ile Türkiye’de Esnaf Olmak

Cuma Mayıs 6th, 2016
278 Görüntülenme
Ucu Değişebilen Magnet Kalem

Ucu Değişebilen Magnet Kalem

Pazartesi Eylül 14th, 2015
322 Görüntülenme
Laboratuvarlarda Tam Hizmet Görmek

Laboratuvarlarda Tam Hizmet Görmek

Cuma Mart 18th, 2016
341 Görüntülenme
Hangisi Photoshop? – Ödüllü İnteraktif Yarışma

Hangisi Photoshop? – Ödüllü İnteraktif Yarışma

Cumartesi Nisan 9th, 2016
315 Görüntülenme
3 Gün Sadece Survivor Yiyecekleri Yedik – Kaç Kilo Verdik?

3 Gün Sadece Survivor Yiyecekleri Yedik – Kaç Kilo Verdik?

Perşembe Nisan 28th, 2016
318 Görüntülenme