Sieć serwerów Counter-Strike Dust2.pl
Jak dodać Harlem Shake na swoją stronę? - Wersja do druku

+- Sieć serwerów Counter-Strike Dust2.pl (http://dust2.danielkucal.com)
+-- Dział: Działy tematyczne (/forum-Dzialy-tematyczne--15)
+--- Dział: Technologie (/forum-Technologie--151)
+---- Dział: Webmastering / Internet (/forum-Webmastering-Internet--43)
+---- Wątek: Jak dodać Harlem Shake na swoją stronę? (/temat-Jak-dodac-Harlem-Shake-na-swoja-strone--9051)



Jak dodać Harlem Shake na swoją stronę? - Admin - 26-02-2013 23:28

1. Pobierz załącznik z wymaganymi plikami (skrypt, muzyka i grafika)
2. Uzupełnij kod i dodaj go na swojej stronie zaraz po znaczniku <body>
<div id="harlemshake"></div>
<script src="adres skryptu (plik .js)" type="text/javascript"></script>
<div style=" height:0px; width:0px; overflow:hidden;">
<audio id="audio" controls="controls" loop="loop">
<source src="link do muzyki (plik .ogg)" type="audio/ogg" />
</audio>
<script type="text/javascript">
$('#harlemshake').click(function() {
harlemShake(); playharlem();
});
var audioharlem = document.getElementById("audio");
function playharlem() {
    if ( !!(audioharlem.canPlayType) != false ) {
        audioharlem.currentTime = 0;
        audioharlem.play();
    }
}
</script>
Powyższy kod do działania wymaga biblioteki jQuery.
3. Do pliku CSS dodaj:
#harlemshake {
position: fixed;
left: 0px;
top: 220px;
background: transparent url(adres obrazka na twoim serwerze, ewentualnie http://imageshack.us/a/img593/8898/harlem.png);
height: 90px;
width: 30px;
cursor: pointer;
z-index: 5;
}
4. Odśwież stronę i gotowe! ;)

Jeśli kradniesz poradnik - dodaj chociaż link do oryginału ;)
Póki co efekt można zobaczyć klikając na obrazek z napisem "Harlem Shake" po lewej stronie forum. Pytania i zastrzeżenia proszę pisać w tym temacie.


RE: Jak dodać Harlem Shake na swoją stronę? - Plpolak19 - 26-02-2013 23:57

No no....jak będę miał własną serwerownię to to zrobię xD. Ale za poradnik plusik :P


RE: Jak dodać Harlem Shake na swoją stronę? - Gwiazdor - 27-02-2013 00:25

Wkurwia mnie to harlem już xD


RE: Jak dodać Harlem Shake na swoją stronę? - Matyzio. /STW - 30-03-2013 15:04

Dobry poradnik ale ja nie lubię Harlem Shake ;[


RE: Jak dodać Harlem Shake na swoją stronę? - Admin - 30-03-2013 15:15

Wolisz op-op-oppa gangam style? xD


RE: Jak dodać Harlem Shake na swoją stronę? - Matyzio. /STW - 30-03-2013 15:20

Niee wolę jak by jakieś disko leciało ;p