Błąd Wysuwany pasek Facebook

wersja skryptu MyBB: 1.6.10
adres forum: www.funpolandcraft.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Robiłem pasek Facebook wysuwany się z lewej strony ale nawaliło, źle porobiłem LINK: https://webboard.pl/wiki.php?facebook-slider.html

Tu jest lepszy IMO
http://katmpbsoft.blogspot.com/2012/03/f...be-nk.html

nic nie rozumiem z tego

Przecież wszystko dokładnie opisane jak taki pasek zrobić, co i gdzie wkleić.
I mnie działa, możesz sobie podejrzeć.

ale czekaj jak bym miał się patrzeć na tam ty to

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
<script type="text/javascript">
jQuery(function(){

    jQuery("#facebook_slider").css("left","-252px");

jQuery("#facebook_slider").hover(function(){

        jQuery("#facebook_slider").stop().animate({left: "0px"}, 500 );
        jQuery(this).addClass("fb_slider_close"); 
        return false;
    },
    function(){    
        jQuery("#facebook_slider").stop().animate({left: "-252px"}, 500 );
        jQuery(this).removeClass("fb_slider_close"); 
        return false;
    });

});
    </script> 


mam wkleić tutaj (* to miejsce wklejenia): {$stylesheets}*

<div id="facebook_slider">

<iframe scrolling="no" frameborder="0" src="http://www.facebook.com/connect/connect.php?id=270644638555&connections=10&stream=0&css=http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL" allowtransparency="true" style="border: none; width: 230px; height: 400px;"></iframe>

    <a href="#" class="fb_slider_slide_button" >FB</a>

</div> 


wklejam: *{$header}

---

lol ale bug przy pierwszym kodzie PHP

Do headerinclude wklejasz:

<script type="text/javascript">
 //<[!CDATA[
  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> 


a do np headera to:

<!--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--> 


Potrzebny będzie Ci jeszcze obrazek facebook.png
Trzeba go wgrać na serwer i w kodzie wyżej podać źródło w miejscu src="facebook.png"

jestem jakiś jebnięty nie kumam

1 kod wklejasz do
ACP → Style i Szablony → Szablony → Twójstyl Template → Niezgrupowane szablony → headerinclude.
2 kod wklejasz do:

ACP → Style i Szablony → Szablony → Twójstyl Template → Nagłówek → header

(zależy gdzie ma się wyświetlać, jeśli chcesz tylko strona główna to do index).

3. Obrazek facebooka wrzucasz do katalogu images.

@SLAVOO, no fakt. Mój błąd, przepraszam.

Obrazek facebooka wrzucasz do katalogu images.

...więc src="images/facebook.png"

ale jak mam np. wkleić 1 kod to w jakie miejsce np. pod napis [...]

możesz na koncu headerinclude

a do header?

---

a gdzie te src="images/facebook.png"

A do header ten drugi kod. Przecież napisałem w poście
https://webboard.pl/thread-46334.html?pi...#pid195826
Czytaj uważnie.

a gdzie te src="images/facebook.png"

Też przecież widać gdzie. W drugim kodzie znajdz
scr="facebook.png" i zamien na to co podałem.

dalej nie ma obrazka

dobra tera odświeżyłem ale jak najeżdżam na ten pasek to nic się nie dzieje teraz wam dam całe kody headerinclude i header jak zrobiłem:
Headerinclude:

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
{$stylesheets}
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
<link rel="shortcut icon" href="http://funpolandcraft.cba.pl/favicon.ico">

<script type="text/javascript">
 //<[!CDATA[
  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> 


Header:

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul id="navs">
                    <li><a class="nav" href="http://funpolandcraft.cba.pl/chatbox">Archiwum Shoutbox</a></li>
                                        <li><a class="nav" href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
                                        <li><a class="nav" href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
                    <li><a class="nav" href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
                    <li><a class="nav" href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
                    <li><a class="nav" href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />

<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="images/facebook.gif" />  
  <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>