Inne Boczny "suwany" panel.

wersja skryptu MyBB:1.6.12
adres forum:teamcraft24.pl/Forum
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam.
Chce zrobic takie cos jak tu:



jakie rady ?

Tu masz
http://katmpbsoft.blogspot.com/2012/03/f...be-nk.html

Może w jakiś sposób przerobić sobie panel facebooka na swój dowolny?

https://webboard.pl/wiki.php?facebook-slider.html

Sorry, ale zgłupiałęm czytając to.
czy ktoś może mi pokazać co i gdzie wkleić ... ?

tzw. gotowiec.

Przecież gotowiec masz w linku. Wszystko opisane dokładnie. Wystarczy znać podstawy HTML/CSS

No i właśnie o to chodzi... Trzeba znać... Wiem wiem... czytam sobie, ale średnio mi idzie.

Kombinuj. Dzięki temu się nauczysz. Pamiętam swoje początki, nie było też łatwo. Trening czyni mistrza

W tym kodzie nie ma nic szczególnego. Gotowiec do wklejenia. No prawie, bo trzeba dodać tylko kod slidera bez kodu odpowiadającego za wyświetlanie się strony. Ten masz w MyBB już.

Kombinuje dalej, ale nadal nie wychodzi. Forum sie niszczy...

No i z czym tu mieć problem?

Kod HTML odpowiadający za wyświetlanie wrzucasz tam, gdzie ma się wyświetlać. Np. header / index.
A JS do np. headericlude, lub tam gdzie tamto wrzuciłeś, tylko wziąć w

<script type="text/javascript">kod</script> 


Coś kombinowałem i źle ...

Co tu nie rozumieć?

Przykład na Facebook'u:

np. do header lub do index dodajesz:

<!--WIDGET FACEBOOK-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="facebook2_2" style="right: -304px; z-index: 9999; background: #ffffff; padding: 0px; width: 300px; height:550px; position: fixed; top: 50px; border: 2px solid #3B95D8">
  <a href="#"></a><img style="position: absolute; left:-33px;" src="facebook.png" />  
  <div class="fb-like-box" data-href="http://www.facebook.com/pages/KatMPBSoft/145582058840684" data-width="300" data-height="550" data-show-faces="true" data-stream="true" data-header="false"></div>
</div>
<!--KONIEC WIDGET FACEBOOK--> 


Teraz do headerinclude dodaj:

<script type="text/javascript">

  jQuery.noConflict();
   
  jQuery(document).ready(function() { 

  jQuery("#facebook2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );   
   },
   function(){ 
    jQuery("#facebook2_2").stop(true,false).animate({right: "-304px"}, 500 );    
});
   });</script> 


----------------------------

Teraz jeśli nie masz w headerinclude żadnej biblioteki jQuery do dodaj:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 


------------------------

Oczywiście możesz sobie przerobić, to tylko pokazane co, gdzie i jak trzeba. Jaśniej się już chyba nie da.