Webboard

Pełna wersja: Boczny "suwany" panel.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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:
[Obrazek: 74492358573300011761_thumb.jpg]
[Obrazek: 17746524420774073748_thumb.jpg]

jakie rady ? :)
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
Kod PHP:
<script type="text/javascript">kod</script
Coś kombinowałem i źle ...
Co tu nie rozumieć? :D

Przykład na Facebook'u:

np. do header lub do index dodajesz:
Kod PHP:
<!--WIDGET FACEBOOK-->
<
div id="fb-root"></div>
<
script>(function(dsid) {
  var 
jsfjs 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(jsfjs);
}(
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:
Kod PHP:
<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:
Kod PHP:
<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.