Simple Type Web Site Tasarımı

Smart WebDesign Web Site Tasarımı

Whirlpool Web Site Tasarımı

Aurelius Web Site Tasarımı

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

Web Tasarımlar Pazartesi Kasım 23rd, 2015
315 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 Çarşamba Mayıs 25th, 2016

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

İlginizi Çekebilir
Yan Kayar Menü CSS

Yan Kayar Menü CSS

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

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
414 Görüntülenme
Bunlar da var!
Ankara Halı Yıkama

Ankara Halı Yıkama

Perşembe Eylül 8th, 2016
385 Görüntülenme
Orange & Blue Web Site Tasarımı

Orange & Blue Web Site Tasarımı

Perşembe Nisan 20th, 2017
109 Görüntülenme
Green Blog Web Site Tasarımı

Green Blog Web Site Tasarımı

Pazar Mayıs 14th, 2017
57 Görüntülenme
Jolla, ikinci akıllı telefonunu görücüye çıkardı

Jolla, ikinci akıllı telefonunu görücüye çıkardı

Pazar Mayıs 29th, 2016
272 Görüntülenme
WordPress SMTP Ayarları Yapma Eklentisi – WP-Mail-SMTP

WordPress SMTP Ayarları Yapma Eklentisi – WP-Mail-SMTP

Perşembe Mart 3rd, 2016
698 Görüntülenme
LG, G4’te Bulunan Boot Sorununu Kabul Etti!

LG, G4’te Bulunan Boot Sorununu Kabul Etti!

Çarşamba Ocak 27th, 2016
344 Görüntülenme
Paraşüt, e-arşiv hizmetini başlatıyor [Girişim Ofisleri]

Paraşüt, e-arşiv hizmetini başlatıyor [Girişim Ofisleri]

Cuma Haziran 19th, 2015
331 Görüntülenme