Merhaba Arkadaşlar;

Sitesine Yeni Yıl için hazırlık yapmak isteyen arkadaşlara küçük ama etkili olduğunu düşündüğüm kodu paylaşıyorum. Sitenizin tema klasöründeki header.php dosyasının en altına yapıştırıp sitenize göre düzenlemeniz yeterlidir.

Canlı örnek için site adresini dileyen olursa PM atabilirim. Konu içerisinde yer almasını istemediğimden yazmadım.

Önizlemeler:
Normal Ekranlarda


Küçük Ekranlarda


Sitenizin üzerine dahi gelse şeffaflaştığından arka planda görünürlüğü devam eder.

<style>
#christmas { 
	position:fixed; 
	left:0; 
	z-index:9999999;
}
#mutluyillar { 
	position:fixed; 
	right:0; 
	z-index:9999999;
}

</style>
<div id="christmas">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="http://siteniz.org/mutluyillar.png" alt="Nice Mutlu Yıllara" />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
<source src="http://siteniz.org/nicemutluyillara.mp3"></source>
</audio>
</div>
<div id="mutluyillar">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="http://siteniz.org/nicemutluyillara.png" alt="Sevdiklerinizle Nice Mutlu Yıllara" />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
<source src="http://siteniz.org/nicemutluyillara.mp3"></source>
</audio>
</div>

Resim ve Müzik dosyalarını indirmek için TIKLAYINIZ.