WordPress Sitenizin Sağ Alt Kısmına Sesli Karakter Ekleyin! - Türkiye'nin En Ortam Bilgi Paylaşım Platformu

Etkenblog · 27-11-2013, 17:33

Geçen günlerde internette bir websitesinde rastladığım konuyu sizlerle paylaşmak istedim.Bu konudaki denilenleri yaparsanız WordPress sitenizin sağ alt kısmında bir karakter belirecek ve ziyaretçiler mouse imlecini karakterin üzerine götürdüklerinde ses çalacak.

Öncelikle bu linkten bize lazım olan 2 dosyayı indirelim ve iki dosyayıda FTP programı aracılığıyla temanızın içine atınız.

Daha sonra temanızın style.css düzenleme bölümüne giderek şu kodları ekleyip kaydedin ;

Kod:

#sabit{position:fixed; right:0; bottom:-2px; z-index:9999999;}

Kodu ekleyip kaydettikten sonra header.php‘ye gelerek <body> tagından hemen sonra şu kodları ekleyip kaydedin ;

Kod:

<div id="sabit">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="<?php bloginfo('template_url'); ?>/hudaverdi.png" alt="Hüdaverdi" />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
    <source src="<?php bloginfo('template_url'); ?>/hudaverdi.mp3"></source>
</audio>
</div>

Sitenin sağ alt kısmında Hüdaverdi karakteri çıkması lazım.Karakter resmini ve üstüne gelince çalan müziği dilediğiniz gibi değiştirebilirsiniz,bu size kalmış birşey.

Not : Bazı temalarda çalışmıyor.Örneğin benim şuanda kullandığım temada sağ alt kısımda çıkmıyor.

27-11-2013, 17:33	#1
Etkenblog Üyelik tarihi: 11-09-2012 Mesajlar: 100 Konuları: 100 WEB Sitesi: İlgi Alanı: Aldığı Teşekkür: Ettiği Teşekkür: WF Ticaret Sayısı: (0) WF Ticaret Yüzdesi:(%) WF Puanı: 12	WordPress Sitenizin Sağ Alt Kısmına Sesli Karakter Ekleyin! Geçen günlerde internette bir websitesinde rastladığım konuyu sizlerle paylaşmak istedim.Bu konudaki denilenleri yaparsanız WordPress sitenizin sağ alt kısmında bir karakter belirecek ve ziyaretçiler mouse imlecini karakterin üzerine götürdüklerinde ses çalacak. Öncelikle bu linkten bize lazım olan 2 dosyayı indirelim ve iki dosyayıda FTP programı aracılığıyla temanızın içine atınız. Daha sonra temanızın style.css düzenleme bölümüne giderek şu kodları ekleyip kaydedin ; Kod: #sabit{position:fixed; right:0; bottom:-2px; z-index:9999999;} Kodu ekleyip kaydettikten sonra header.php‘ye gelerek <body> tagından hemen sonra şu kodları ekleyip kaydedin ; Kod: <div id="sabit"> <img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="<?php bloginfo('template_url'); ?>/hudaverdi.png" alt="Hüdaverdi" /> <audio style="display:none;" id="beep-one" controls="controls" preload="auto"> <source src="<?php bloginfo('template_url'); ?>/hudaverdi.mp3"></source> </audio> </div> Sitenin sağ alt kısmında Hüdaverdi karakteri çıkması lazım.Karakter resmini ve üstüne gelince çalan müziği dilediğiniz gibi değiştirebilirsiniz,bu size kalmış birşey. Not : Bazı temalarda çalışmıyor.Örneğin benim şuanda kullandığım temada sağ alt kısımda çıkmıyor.
	Alıntı

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)