Jak zrobić wysuwany likebox na PHP-Fusion

Przedstawiam sposób jak zrobić wysuwany likebox na PHP-Fusion 7.x w oparciu o kod wysuwanego likebox'a.

Robisz to na WŁASNĄ odpowiedzialność! Czyli, że ja nie ponoszę żadnej odpowiedzialności za ewentualne szkody!

Jak zrobić wysuwany likebox na PHP-Fusion

Krok 1

Załączenie biblioteki jquery do obsługi wysuwanego likeboxa.

• Otwórz plik /themes/templates/header.php
• Odszukaj wiersz zawierający: echo "<script type='text/javascript' src='".INCLUDES."jquery/jquery.js'></script>\n"; (w pobliżu 47 linii)
• Bezpośrednio przed w/w wierszem wklej poniższy kod:

   // Zalaczenie biblioteki jquery do obslugi wysuwanego likeboxa
   echo "<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>";

• Zapisz zmiany i zamknij plik.

Krok 2

Dodanie kodu javascript odpowiedzialnego za wysuwanie i chowanie likeboxa.

• Otwórz plik /includes/jscript.js i najlepiej na końcu pliku wklej poniższy kod:

/***********************************************
* Funkcja obslugujaca wysuwanie i chowanie likeboxa
***********************************************/
   $(function(){
    $('#fb_rozwin').css('left','-205px');
    $('#fb_rozwin').hover(
     function () {
      $('#fb_rozwin').animate({left: '0px'}, 800 ); // szybkosc wysuwania
      $(this).addClass('zwin');
     },
     function () {
      $('#fb_rozwin').animate({left: '-205px'}, 700 ); // szybkosc ukrywania
      $(this).removeClass('zwin');
     }
    );
   });

• Zapisz zmiany i zamknij plik.