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.

To też, to służy za animację chowania fajnie przelatuje.

http://asterix.xaa.pl/misc.php?page=menu

Nadal nie umiem :/

W <!-- WIDGET YOUTUBE --!> masz linijkę:

style="right: -304px;

zamień na:

style="left: -304px;

Teraz wcale nie widać

A nie

style="left: 304px;

??

---

Pobaw się right, left i plus minus.
W jQuery też.

Jest ok na 0 zamiast tego -304, ale na odwrót jest - pasek jest schowany a ta część co się wysuwa nie.

Obrazek nie może być left -33px tylko 33px

Trochę się zaplątało teraz ze sobą

Pokombinuj... Nie mam już dziś czasu niestety. Trzeba jeszcze obrócić obrazek o 180 stopni.

Coś nadal jest nie tak bo jak się włącza to na start jest wysunięte od razu dopiero po najechaniu się chowa, coz robić?

<!--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">
  <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>
<a href="#"></a><img style="position: absolute; right:-33px;" src="youtube.png" />
</div>
<!--KONIEC WIDGET YOUTUBE-->

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

Jeśli nie będzie dobrze, to wieczorem zobaczę jeszcze do kodu, bo to na szybko pisałem.

No niestety nie widać go ;/

http://porn-forum.com.pl

Zmien tu <div id="youtube2_2" style="right: -304px; ....
na left

Nie mam teraz dostępu do testowego forum wiec zobaczę wieczorem.

Nie za wiele to dało, ok.

Trochę naśmieciliśmy w temacie, ale działa.
jQuery:

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


HTML:

<!--WIDGET YOUTUBE-->
<div id="youtube2_2" style="left: -304px; z-index: 9996; background: #ffffff; padding: 0px; width: 300px; height: 104px; position: fixed; top: 367px; border: 2px solid #3C3C3C">
  <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>
<a href="#"></a><img style="position: absolute; right: -33px;" src="youtube.png" />  
</div>
<!--KONIEC WIDGET YOUTUBE--> 


Zostało do wpisania odpowiedni link do Twojego konta oraz odwrócenie obrazka i jego adres, ale to chyba już umiesz zrobić