Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[PYTANIE]panel boczny facebook

pawellllllll121

Rekomendowane odpowiedzi

pawellllllll121 Budowniczy

pawellllllll121

Opublikowano
Budowniczy

pawellllllll121

  • Autor
Opublikowano

to wklejłem między te heady

(...)
  <!-- Zalaczenie biblioteki jquery do obslugi wysuwanego likebox'a -->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 
  <!-- Obsluga wysuwania i chowania likebox'a -->
  <script type='text/javascript'>
   $(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');
     }
    );
   });
  </script>

 

to wklejłem między

<style type="text/css" > kod stylu css wysuwanego likebox'a </style> 
/* Styl dla wysuwanego likebox'a */
#fb_rozwin	{
   height: 402px;
   width: 235px;
   top: 50%;
   left: 0px;	
   position: fixed;
   margin-top: -201px; /* = wysokosc panelu / 2 (polozenie panelu w pionie) */	
   padding: 10px;
   /****************************************************************************
 
    Wybierz lokalizacje pliku tla. Pozostale niepotrzebne wiersze mozesz usunac.
 
   *****************************************************************************/
   /* url pliku tla na dysku hosta - zalecane */	
   /* podaj url pliku na twoim hoscie */ background: url("images/bglikeboxfacebookfanpag.png") no-repeat scroll 0 0 transparent; 
   /* url pliku tla na odleglym serwerze udostepniajacym pliki obrazow  */
   /* tlo pierwsze */ background: url("http://img841.imageshack.us/img841/5074/bglikeboxfacebookfanpag.png") no-repeat scroll 0 0 transparent;
   /* tlo drugie */ background: url("http://img17.imageshack.us/img17/5074/bglikeboxfacebookfanpag.png") no-repeat scroll 0 0 transparent;
}
 
.zwin	{background-position: 0px 0px -242px 0px;}
 
#fb_zawartosc	{
   height: 357px; 
   width: 182px;
   display: block; 
   float: left;
   background-color: #FFFFFF;
}

 

a z tym nie wiem co zrobić

 

 Krok 4

Pozostało jeszcze dodać kod wyświetlający całość, który najlepiej jest umieścić gdzieś na końcu kodu strony, tuż przed zamknięciem sekcji </body>.

<div id='fb_rozwin'><!-- Facebook -->
 <div id='fb_zawartosc'>
  <script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
  <fb:like-box href="http://www.facebook.com/apps/application.php?id=444351772241962"
  width="182" height="340" colorscheme="dark" show_faces="true" stream="false" header="false"></fb:like-box>
  <!-- Tego nie wolno usuwac -->
  <div style="text-align:center; font-size:xx-small">
  <a target="_blank" title="Wysuwany likebox" href="http://skrypt.uni.me/news.php?readmore=6">likebox</a>
  </div>
  <!-- Tego nie wolno usuwac -->
 </div>
</div>


To id=444351772241962 zamień na id twojej Fanpage na facebook'u.

 

82410266488940901538.png GG: 47085347

Gość

Gość

Opublikowano

Gość

Opublikowano

jprdl...

szukasz w overall_header.html;

 

 

<body id=”phpbb” class=”section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}”>

i pod tym dodajesz sobie ten kod;

<div id='fb_rozwin'><!-- Facebook -->
<div id='fb_zawartosc'>
<script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/apps/application.php?id=TWOJE_ID"
width="182" height="340" colorscheme="dark" show_faces="true" stream="false" header="false"></fb:like-box>
<!-- Tego nie wolno usuwac -->
<div style="text-align:center; font-size:xx-small">
<a target="_blank" title="Wysuwany likebox" href="http://skrypt.uni.me/news.php?readmore=6">likebox</a>
</div>
<!-- Tego nie wolno usuwac -->
</div>
</div>

na koniec szukasz;

user/styles/TWOJ_STYL/theme/images/

i dodajesz slider face'a - download

GOTOWE : |

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...