Wysuwany pasek Facebook

Błąd   Założony przez  JOPECREEPER.

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
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
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ć.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
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(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--> 

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"
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
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. :)
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Snake_123 napisał(a):Obrazek facebooka wrzucasz do katalogu images.
...więc src="images/facebook.png"
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
ale jak mam np. wkleić 1 kod to w jakie miejsce np. pod napis [...]
możesz na koncu headerinclude
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
a do header?

a gdzie te src="images/facebook.png"
A do header ten drugi kod. Przecież napisałem w poście :facepalm:
https://webboard.pl/thread-46334.html?pi...#pid195826
Czytaj uważnie.

JOPECREEPER napisał(a):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.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
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><class="nav" href="http://funpolandcraft.cba.pl/chatbox">Archiwum Shoutbox</a></li>
                                        <
li><class="nav" href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
                                        <
li><class="nav" href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
                    <
li><class="nav" href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
                    <
li><class="nav" href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
                    <
li><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(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="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



Użytkownicy przeglądający ten wątek:

1 gości