Destek xenforo logo üzerine gelince ses efekti

[ArseniC]

xenforo logo üzerine gelince ses efekti​

Zil Sesi Dosyasını Yükle

Öncelikle çalmak istediğin sesi .mp3 ya da .wav formatında internal_data klasörüne ya da doğrudan styles/default/sounds/ gibi bir yere yükle.

https://www.siteniz.com/styles/default/sounds/ops.mp3

JS Kodu: extra.less yerine footer template’e eklenmeli


PAGE_CONTAINER template’ine şu kodu <script> etiketi içinde, genellikle </body> etiketinden hemen önce ekleyin:

<script>

document.addEventListener("DOMContentLoaded", function () {
const logo = document.querySelector('.p-header-logo a');
if (logo) {
const audio = new Audio('Loading...
logo.addEventListener('mouseenter', () => {
audio.currentTime = 0;
audio.play();
});
}
});
</script>

Tarayıcı Otomatik Oynatma Engeline Dikkat

Bazı tarayıcılar kullanıcı etkileşimi olmadan ses çalınmasına izin vermez. Kullanıcı sayfada herhangi bir tıklama yaptıktan sonra bu sesin çalışması garanti edilir.


İsteğe bağlı logoya hover efekti extraless

İçeriği görüntülemek için Giriş yapın veya Kayıt olun.

İsteğe Bağlı: hover için CSS animasyon da ekleyebilirsiniz



mantığını anlamadım yardımcı olurmusunuz şimdiden teşekkürederim

 

[ArseniC]

konu güncel

 

[XenConsept]

Kodun hangi kısmını ya da reaksiyon konusunu mu anlamadınız

 

[ArseniC]

hiç birini anlamadım :D

 

[XenConsept]

Mantığını anlamak için kod bilgisi gerekiyor. İşlevinin hangi kısmını anlamak için derseniz o kısmını anlatayım. Bunun için de forumun açıldığı tarayıcının uyumlu, çerez ayarlarının aktif olması gerekiyor

 

[ArseniC]

yaptım tema da sorun var kabul etmiyo neyse kalsın sevemedim zaten :D