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.
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:
Kod:
<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:
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">
<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?
Kod:
<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?