+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wysuwany likebox facebooka po prawej stronie. (/thread-wysuwany-likebox-facebooka-po-prawej-stronie)
Wysuwany likebox facebooka po prawej stronie. - kingu80 - 20-01-2013
Witam.
Znalazłem fajny poradnik jak zrobić wysuwanego likeboxa. Wszystko działa tylko że ja potrzebuję aby wysuwał mi się on z prawej stronie nie z lewej. Próbuję go przerobić i mi nie wychodzi. W związku z tym chciałem bardzo serdecznie prosić Was o pomoc. Oto cały kod:
Kod:
<head>
(...)
<!-- Zalaczenie biblioteki jquery do obslugi wysuwanego likebox'a -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!-- Obsluga wysuwania i chowania likebox'a -->
<script type='text/javascript'>
$(function(){
$('#fb_rozwin').css('left','-205px');
$('#fb_rozwin').hover(
function () {
$('#fb_rozwin').animate({left: '0px'}, 800 ); // szybkosc wysuwania
$(this).addClass('zwin');
},
function () {
$('#fb_rozwin').animate({left: '-205px'}, 700 ); // szybkosc ukrywania
$(this).removeClass('zwin');
}
);
});
</script>
</head>Kod:
<body>
.......
<div id='fb_rozwin'><!-- Facebook -->
<div id='fb_zawartosc'>
<script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/apps/application.php?id=444351772241962"
width="182" height="340" colorscheme="dark" show_faces="true" stream="false" header="false"></fb:like-box>
<!-- Tego nie wolno usuwac -->
<div style="text-align:center; font-size:xx-small">
<a target="_blank" rel="nofollow" title="Wysuwany likebox" href="http://skrypt.uni.me/news.php?readmore=6">likebox</a>
</div>
<!-- Tego nie wolno usuwac -->
</div>
</div>
</body>Kod:
/* Styl dla wysuwanego likebox'a */
#fb_rozwin {
height: 402px;
width: 235px;
top: 50%;
left: 0px;
position: fixed;
margin-top: -201px; /* = wysokosc panelu / 2 (polozenie panelu w pionie) */
padding: 10px;
/****************************************************************************
Wybierz lokalizacje pliku tla. Pozostale niepotrzebne wiersze mozesz usunac.
*****************************************************************************/
background: url("images/bglikeboxfacebookfanpag.png") no-repeat scroll 0 0 transparent;.zwin {background-position: 0px 0px -242px 0px;}
#fb_zawartosc {
height: 357px;
width: 182px;
display: block;
float: left;
background-color: #FFFFFF;
}
[/code]
Liczę na Waszą pomoc.
Pozdrawiam.
RE: Wysuwany likebox facebooka po prawej stronie. - mateo - 20-01-2013
Jaki jest Twój problem, który mamy pomóc Ci rozwiązać?
RE: Wysuwany likebox facebooka po prawej stronie. - Kartofelek - 20-01-2013
w kodzie masz "left". Pozamieniaj to na right.