Jak zrobić wysuwany likebox na PHP-Fusion: Różnice pomiędzy wersjami

Z ToProste
Skocz do: nawigacji, wyszukiwania
m (Utworzył nową stronę „Przedstawiam sposób '''jak zrobić wysuwany likebox na PHP-Fusion 7.x''' w oparciu o kod wysuwanego likebox'a. <span style="color: ...”)
 
m
Linia 2: Linia 2:
  
 
  <span style="color: red">'''Robisz to na WŁASNĄ odpowiedzialność!'''</span> Czyli, że ja nie ponoszę żadnej odpowiedzialności za ewentualne szkody!
 
  <span style="color: red">'''Robisz to na WŁASNĄ odpowiedzialność!'''</span> 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:
 +
 +
<syntaxhighlight lang="php">
 +
  // 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>";
 +
</syntaxhighlight>
 +
 +
* 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:
 +
<syntaxhighlight lang="javascript">
 +
/***********************************************
 +
* 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');
 +
    }
 +
    );
 +
  });
 +
</syntaxhighlight>
 +
 +
* Zapisz zmiany i zamknij plik.
 +
 +
 +
=== Krok 3 ===

Wersja z 12:21, 31 maj 2012

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.


Krok 3

Źródło „http://to.proste.info.pl/index.php?title=Jak_zrobić_wysuwany_likebox_na_PHP-Fusion&oldid=1884”