29.05.2013, 19:50
Stron: 1 2
29.05.2013, 19:52
W <!-- WIDGET YOUTUBE --!> masz linijkę:
zamień na:
Kod:
style="right: -304px;
Kod:
style="left: -304px;
29.05.2013, 19:54
Teraz wcale nie widać
29.05.2013, 19:54
A nie
??
Pobaw się right, left i plus minus.
W jQuery też.
Kod:
style="left: 304px;
??
Pobaw się right, left i plus minus.
W jQuery też.
29.05.2013, 19:56
Jest ok na 0 zamiast tego -304, ale na odwrót jest - pasek jest schowany a ta część co się wysuwa nie.
29.05.2013, 19:57
Obrazek nie może być left -33px tylko 33px
29.05.2013, 20:00
Trochę się zaplątało teraz ze sobą
29.05.2013, 20:00
Pokombinuj... Nie mam już dziś czasu niestety. Trzeba jeszcze obrócić obrazek o 180 stopni.
29.05.2013, 20:04
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ć?
30.05.2013, 10:06
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.
30.05.2013, 11:08
30.05.2013, 12:02
Zmien tu <div id="youtube2_2" style="right: -304px; ....
na left
Nie mam teraz dostępu do testowego forum wiec zobaczę wieczorem.
na left
Nie mam teraz dostępu do testowego forum wiec zobaczę wieczorem.
30.05.2013, 15:11
Nie za wiele to dało, ok.
30.05.2013, 18:51
Trochę naśmieciliśmy w temacie, ale działa.
jQuery:
HTML:
Zostało do wpisania odpowiedni link do Twojego konta oraz odwrócenie obrazka i jego adres, ale to chyba już umiesz zrobić
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