Wysuwany boczny pasek youtube

wersja skryptu MyBB: 1.6.9
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciałem dodać na stronkę wysuwany boczny pasek (po prawej stronie) mojego konta na youtube. Jest pełno pasków facebooka, jednak nie znalazłem by był sam youtube. Proszę o pomoc.

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

Właśnie miałem napisać, że to próbowałem na pustej stronce wpierw i kompletnie nie działa.

U mnie działa. Zobacz sobie.

Jak klikam te hiperłącza pod "Patrz tutaj" mam tam sam pasek boczny bez linków, mógłby prosić kogoś komu działa o zapodanie tego kodu całego i img?

YouTube
jQuery:

<script type="text/javascript">
//<[!CDATA[
  jQuery.noConflict();
  jQuery(document).ready(function() {
jQuery("#youtube2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );  
   },
   function(){
    jQuery("#youtube2_2").stop(true,false).animate({right: "-304px"}, 500 );    
   });
});  
//]]>
</script>

HTML:

<!--WIDGET YOUTUBE-->
<div id="youtube2_2" style="right: -304px; z-index: 9996; background: #ffffff; padding: 0px; width: 300px; height: 104px; position: fixed; top: 367px; border: 2px solid #3C3C3C">
  <a href="#"></a><img style="position: absolute; left:-33px;" src="youtube.png" />  
  <iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=KatMPBSoft" style="overflow: hidden; height: 105px; width: 300px; border: 0;" scrolling="no" frameBorder="0"></iframe>
</div>
<!--KONIEC WIDGET YOUTUBE-->

Oczywiście w scr trzeba wpisać swój odnośnik.
Obrazek: http://www.katmpbsoft.pl/BLOG/Paski/youtube.png

Dla testu spróbowałem najpierw na zwykłej stronce, nie mybb.
Kod html+css działa okej, pasek jest ale kod jQuery nie działa. Może źle go wrzuciłem, dałem go w head.
W jQuery jestem ciemny, więc mogłem coś źle zrobić.

wrzuć go do headerinclude

No jak ma działać? Wywal nbsp;

---

Najlepiej kod stąd najpierw wkleić w Notepad++ a potem stamtąd do strony. Wtedy będzie bez tych nbsp;

Zrobiłem przez notepada++, nie ma już spacji ale nadal nic się nie zmieniło o dziwo ;/

No a blbliotekę jQuery to kto doda?

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

To samo dalej

animate({right:? "0px"},

animate({right: "0px"},

---

bez znaku zapytania.

---

Może sprawdź dobrze ten kod, bo coś źle chyba wpisujesz. Kod działa na 1000%

---

Tylko sobie pozycję ustaw tego paska. Masz tam top: ileśtam px

A takie głupie pytanie - jak można by go przenieść na lewą stronę?

Nie znam się na jQuery ale próbowałeś zamienić te right na left?