PS PLAYER

HTML 5 Audio Player

CSS only Müzik Player Elementi

Müzik Player | Audio Player

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

Hazır Tasarımlar 23 Kasım 2015
153 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
316 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

2 Ekim 2016
175 Görüntülenme
Bunlar da var!
Dyson’dan Yeni Nesil Saç Kurutma Makinesi!

Dyson’dan Yeni Nesil Saç Kurutma Makinesi!

3 Mayıs 2016
108 Görüntülenme
15 İnç 2015 Apple MacBook Pro İncelemesi

15 İnç 2015 Apple MacBook Pro İncelemesi

8 Haziran 2015
128 Görüntülenme
Nihat Hatipoğluna Sorulmuş En Fantastik 13 Soru

Nihat Hatipoğluna Sorulmuş En Fantastik 13 Soru

25 Haziran 2015
112 Görüntülenme
Twitter Ads tüm reklam verenlere açıldı

Twitter Ads tüm reklam verenlere açıldı

2 Eylül 2015
113 Görüntülenme
Viber’de çift yönlü şifrelemeye geçiyor

Viber’de çift yönlü şifrelemeye geçiyor

20 Nisan 2016
130 Görüntülenme