Evden Eve Nakliyat

İnsanlık Tarihin En Etkili 10 Buluşu

PHP ile Twitter API Kullanarak Uygulamaya Bağlanma

Bill Gates’e Ait 11 Anlamlı Söz

Teknolojinin Zararlarını Biliyor musunuz ?

Üzerine Gelindiğinde Ses Çıkartan Sosyal Medya Paylaş Butonları

Hazır Tasarımlar 23 Kasım 2015
110 Görüntülenme

Merhaba arkadaşlar bir çok paylaş butonunu sizler ile paylaştık ve şu zaman kadar herhangi bir paylaş butonunda ses olayı yoktu. Bu konumuzda paylaş butonunda iş aşılmış ve daha yaratıcı bir hal almış.

Bu çalışmada 3 adet sosyal medya paylaş butonu mevcut, fakat diğerlerinden farklı mause ile butonların üzerine geldiğinizde butonlar dile geliyor 🙂 ve butonlar me me me diye bağırmaya başlıyorlar, tabi buda kullanıcının dikkatini çekiyor.

Konu ile ilgili gerekli dosyaları konu altında yer alan dosyaları indir butonuna tıklayarak indirebilirsiniz veya demo sayfayı ziyaret ederek tam ekran demo çalışmaya bakabilirsiniz.

Gerekli Kodlar

Nasıl Düzenleme Yapabilirim
  • İndirmiş olduğumuz RAR arşivi içerisinden gerekli dosyalarını masa üstüne bir klasöre çıkartıyoruz.
  • Eğer çalışma içerisindeki sesleri değiştirmek istersek index.html dosyasını herhangi bir kod düzenleme programı ile açıyoruz ve sound-woohoo kelimesini arıyoruz ( 36. Satır ) Burada bulunan wooho.mp3 ve wooho.ogg uzantılı linkleri kendi istediğimiz woohoo sesi ile değiştirebiliriz.
  • Me me me sesini değiştirmek istersek yine index.html dosyasını açıyoruz ve içerisinde sound-me kelimesini arıyoruz. me-me-me.mp3 ve me-me-me.ogg uzantılı linkleri kendi kullanmak istediğimiz ses ile değiştiriyoruz.
Yorumlar

Yazıya 1 yorum yapılmış.

Ahmet Wm 25 Mayıs 2016

Gerçekten güzel bir eklenti olur 🙂 Paylasim için tesekkürler

İlginizi Çekebilir
Yan Kayar Menü CSS

Yan Kayar Menü CSS

7 Ekim 2016
218 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

2 Ekim 2016
97 Görüntülenme
Bunlar da var!
Sinema Tarihinin 15 Unutulmaz Repliği

Sinema Tarihinin 15 Unutulmaz Repliği

24 Mayıs 2016
91 Görüntülenme
LG G5’in Lite sürümü sızdırıldı

LG G5’in Lite sürümü sızdırıldı

26 Mart 2016
85 Görüntülenme
Düğün Dernek Sünnet – Fragman [Video]

Düğün Dernek Sünnet – Fragman [Video]

19 Ekim 2015
99 Görüntülenme
WhatsApp artık tamamen Materyal Tasarım’a sahip

WhatsApp artık tamamen Materyal Tasarım’a sahip

15 Mayıs 2015
67 Görüntülenme