Webboard

Pełna wersja: Efekt trzesienia w logu.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.1
adres forum: I tak nie potrzebny ale dam shot-center.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Pewnie nie ten dział no ale cóż... Szukam osoby która by mogła napisać co gdzie dodać i tak dalej żeby chodziło to: http://jackrugile.com/jrumble/ . Moge dać za to 5-10 zł doładowanie jeżeli ta osoba nie będzie chciała zrobić tego za darmo.
w którym miejscu to ma działać ? jakim elementem poruszać ?
Chcę żeby logo się tak ruszalo
1. Pobierz: 2. Wstaw jquery.jrumble.1.3.min.js do folderu jscripts na serwerze FTP.
3. Widzę że masz już jQuery, więc do szablonu footer na samym końcu dodaj:
Kod PHP:
<script src="jscripts/jquery.jrumble.1.3.min.js"></script>
<
script>
jQuery.noConflict();
jQuery(document).ready(function() {
    $(
'.logo').jrumble({
        
x10,
        
y10,
        
rotation4
    
});
    $(
'.logo').hover(function(){
        $(
this).trigger('startRumble');
    }, function(){
        $(
this).trigger('stopRumble');
    });
});
</
script
http://wklej.org/hash/62e4f4f3443/txt/

: Poprawiona literówka.
No dodałem i nic ;p
Nie ma takiego pliku: http://shot-center.pl/jscripts/jquery.rumble.1.3.min.js
Wgraj na serwer.

Mój błąd, literówka.

Zamiast:
Kod PHP:
<script src="jscripts/jquery.rumble.1.3.min.js"></script
daj:
Kod PHP:
<script src="jscripts/jquery.jrumble.1.3.min.js"></script

Powinno tak wyglądać:
http://jsfiddle.net/3g6bY/

: Teraz zupełnie zepsułeś, miałeś tylko dodać jedną literkę bo zamiast jrumble napisałem rumble.
Już się pogubiłem ;d... Napisze Ci jak to zrobiłem..

1. Wgrałem jquery.jrumble.1.3.min.js do folderu jscripts na serwerze FTP.
2. Do footer dodałem to:
Kod:
<script src="jscripts/jquery.jrumble.1.3.min.js"></script>
<script>
jQuery(document).ready(function() {
    $('.logo').jrumble({
        x: 10,
        y: 10,
        rotation: 4
    });
    $('.logo').hover(function(){
        $(this).trigger('startRumble');
    }, function(){
        $(this).trigger('stopRumble');
    });
});
</script>
Dodaj tak:
Kod PHP:
<script type="text/javascript" src="jscripts/jquery.jrumble.1.3.min.js"></script>
<
script type="text/javascript">
jQuery(document).ready(function() {
    
jQuery('.logo').jrumble({
        
x10,
        
y10,
        
rotation4
    
});
    
jQuery('.logo').hover(function(){
        
jQuery(this).trigger('startRumble');
    }, function(){
        
jQuery(this).trigger('stopRumble');
    });
});
</
script

i sprawdź.
No i pięknie. plusiki leca.

//Sorry za offtop


A jednak nawigacja nie działa... Za szeroko te reaguje ..
Dopisz do global.css
Kod:
.logo {
width: 500px;
}

i będzie śmigać jak ta lala. :)