Scribd Logo
Upload

Welcome to Scribd!

  • Tutorial Slide Facebook Like Box

    Uploaded by

    Marylka
    2K views3 pages
    Tutorial Slide Facebook Like Box

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Tutorial Slide Facebook Like Box

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    2K views3 pages

    Tutorial Slide Facebook Like Box

    Uploaded by

    Marylka
    Tutorial Slide Facebook Like Box

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    of 3

    Tutorial Fan Page Facebook

    1. Wykonujemy nasz Fan Page Facebook odsyam do tej strony: http://tomaszdamian.pl/jakzalozyc-fanpage-na-facebook-u/

    Tutorial Slide Facebook Like Box


    1. Wszystko zaczniemy od pobrania maej paczki plikw dostpnej tutaj. http://dl.dropbox.com/u/ 209586/slide_facebook_like_box.zip Znajdziemy w niej 4 pliki: index.html, style.css, fb.png, fb.js nastpnie postpujemy nastpujco: 2. Wrzucamy na nasz serwer pliki: index.html, style.css, fb.png, fb.js 3. Plik index.html w sekcji <head> dodajemy poniszy kod: <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script> <script type="text/javascript" src="fb.js"></script> <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" /> 4. A w sekcji <body> dodajemy kod: <div id=fb> (tutaj wklejamy kod iframe z facebook`a) </div> 5. Dodajemy do pliku style.css poniszy kod: #fb { background: url('../images/fb.png') no-repeat; width: 247px; height: 420px; top: 170px; right: -205px; display:block; position: xed; padding: 0; } #fb iframe { width: 185px; height: 368px; oat: right; padding: 10px; } 6. Cieszymy si z Slide Facebook Like Box.

    Tutorial dla Joomla!


    1. cigamy plugin dla Joomla! : jQuery++ Integrator http://extensions.joomla.org/extensions/coreenhancements/scripts/12995? qh=YTo1OntpOjA7czo2OiJqcXVlcnkiO2k6MTtzOjMyOiInanF1ZXJ5JywnanF1ZXJ5dWknLCdqcXVlc nlmb3JtJyI7aToyO3M6OToiJ2pxdWVyeScsIjtpOjM7czo3OiInanF1ZXJ5IjtpOjQ7czo4OiJqcXVlcnknc yI7fQ%3D%3D 2. Instalujemy go i wczamy (klikajc na czerwonego x, obok nazwy) w panelu administracyjnym (dodatki pod nazw System jQuery++ Integrator, wchodzimy do niego i ustawiamy parametry)

    3. Przygotowujemy nasz plik jQuery, ktry bdzie wykorzystywany na naszej stronie. Przykadowy kod: $(document).ready( function() { $("#fb").mouseenter(function() { $(this).stop().animate({right: 0}, "normal"); }).mouseleave(function() { $(this).stop().animate({right: -205}, "normal"); });; }); I zapisujemy go pod nazw np. fb.js Teraz wystarczy tylko wrzuci ten plik z kodem jQuery, ktry chcemy wykorzysta do naszego folderu z templatk przez ftp przykadowa cieka: /templates/folder_z_nazwa_szablonu/fb.js 4. Dodajemy w pliku index.html templatki w sekcji <head> poniszy kod <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/ folder_z_nazwa_szablonu/fb.js"></script> <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" /> 5. A w sekcji <body> dadajemy poniszy kod : <div id=fb> (tutaj wklejamy kod iframe z facebook`a) </div>

    6. Dodajemy do pliku style.css poniszy kod: #fb { background: url('../images/fb.png') no-repeat; width: 247px; height: 420px; top: 170px; right: -205px; display:block; position: xed; padding: 0; } #fb iframe { width: 185px; height: 368px; oat: right; padding: 10px; } 7. Cieszymy si z Slide Facebook Like Box. 8. Paczka plikw dostpna tutaj: http://dl.dropbox.com/u/209586/slide_facebook_like_box.zip Marylka Pieroszkiewicz

    You might also like