Webboard

Pełna wersja: Wysuwany boczny pasek youtube
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
To też, to służy za animację chowania :D fajnie przelatuje.

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

Nadal nie umiem :/
W <!-- WIDGET YOUTUBE --!> masz linijkę:
Kod:
style="right: -304px;
zamień na:
Kod:
style="left: -304px;
Teraz wcale nie widać
A nie
Kod:
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ć?
Kod:
<!--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-->

Kod:
<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:
Kod PHP:
<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:
Kod PHP:
<!--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ć ;)
Stron: 1 2