20-01-2013, 03:47
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:
}
.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.
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.
