Sitenin Köşesine Atatürk Ekle

[Secilmis42]

Kodlama bana ait değildir.

global.css ' ye alttaki kodu ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

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

İndexin </body> - </html> hemen yukarısına aşağıdaki kodu ekleyiniz :

Kod: Tümünü Seç Tümünü Kopyala

<div id="ataturk">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="http://codex.muratdinc.com/dosya/img/ataturk.png" alt="Özledik.." />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
</audio>
</div>

Önizleme :

http://onizle.koddostu.com/ girip. Aşağıdaki kodu yapıştırınız :

Kod: Tümünü Seç Tümünü Kopyala

<style>
#ataturk {
    position:fixed;
    right:0; bottom:-2px;
    z-index:9999999;
}
</style>
<div id="ataturk">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="http://codex.muratdinc.com/dosya/img/ataturk.png" alt="Özledik.." />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
</source>
</audio>
</div>

Resim olarak :



Canlı demo : http://webciyiz.10tl.net/

[gencfuat1997]

Saol Güzel Paylaşım