Logo HarlemShake Efekti [Kendi Yapımım]

[ReaLFasT]

Merhaba arkadaşlar, kendim bu kodu yaptım yaklaşık 1 haftadır üzerinde uğraşıyorum. Kısmet bugüneymiş :) TELİF HAKKI SAKLIDIR. LÜTFEN ALINTI YAPARKEN KAYNAK BELİRTİNİZ. AKSİTAKTİRDE MAHKEMEYE KADAR YOLU VAR.

Denemek için

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

<audio controls="controls" id="beep-one" preload="auto" style="display:none;">
<source src="http://upload.wikimedia.org/wikipedia/en/3/32/Baauer_-_Harlem_Shake.ogg">
</audio>
<a class="shake" href="/" onmouseout="document.getElementById('beep-one').pause()" onmouseover="document.getElementById('beep-one').play()"><img alt="" border="0" 
<div id="header-wrapper">
<style>

@-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.shake {
    display:inline-block
}

</style>
<audio controls="controls" id="beep-one" preload="auto" style="display:none;">
<source src="http://upload.wikimedia.org/wikipedia/en/3/32/Baauer_-_Harlem_Shake.ogg">
</audio>
<a class="shake" href="/" onmouseout="document.getElementById('beep-one').pause()" onmouseover="document.getElementById('beep-one').play()"><img alt="" border="0" src="http://u1312.hizliresim.com/1j/8/v9r0l.png"></a>
<div id="header2">
<div class="menu-primary-container">
<center>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript" gapi_processed="true">
{lang: 'tr'}
</script><div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 90px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1388585544614" name="I0_1388585544614" usegapi=1&amp;bsv=o&amp;size=medium&amp;hl=tr&amp;origin=http%3A%2F%2Fspeakex.blogspot.com&amp;url=http%3A%2F%2Fspeakex.blogspot.com%2F2013%2F03%2Ffacebook-scripti-2013-ucretsiz-indir.html&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.tr.abB6L7Rl-Bc.O%2Fm%3D__features__%2Fam%3DYQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTOMAJTL1vmjKqtcbIIrK1SWHkGTVw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&amp;id=I0_1388585544614&amp;parent=http%3A%2F%2Fspeakex.blogspot.com&amp;pfname=&amp;rpctoken=33025989" data-gapiattached="true" title="+1"></iframe></div> 


İyi kullanmalar. Birde kodu nereye ekleyeceğinizi bilmiyorum :) artık onunda kendiniz yapın. Teşekkürlerinizi esirgemeyin..

[Meyriyer]

Modası geçeli çok oldu ama yinede emek vermişsin. Başarılı olmuşsun :)

[Forumblazer]

Oha Güzeeel :D

[ReaLFasT]

Teşekkürler, beğendiyseniz ne mutlu bana :)

[The Legend]

Eline Sğalık ..

[ReaLFasT]

Eline Sğalık ..

Teşekkürler dostum.