</head> <body> <style type="text/css"> #wysuwane { background: url("http://www.restauracjemaciek.pl/gfx/facebook1.png") no-repeat scroll 0 0 transparent; padding: 10px; width: 235px; height:402px; position: fixed; margin-top: -150px; /*połowa wysokości panelu w górę */ left: 0px; top: 50%; } .zamknij { background-position: 0px 0px -242px 0px; } </style> <script type="text/javascript"> $(function(){ $("#wysuwane").css("left","-216px"); $("#wysuwane").hover( function () { $("#wysuwane").animate({left: "0px"}, 400 ); $(this).addClass("zamknij"); }, function () { $("#wysuwane").animate({left: "-216px"}, 400 ); $(this).removeClass("zamknij"); } ); }); </script> <!--[if lt IE 8]> <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script> <![endif]--> <div id="wysuwane"> <div id="wewnatrz" style="float: left; width: 195px; margin-left: 0px;"> <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Restauracja-Maciek/461268923943047&width=190&colorscheme=light&show_faces=true&border_color&stream=false&header=false&height=378" style="border: medium none ; overflow: hidden; width: 190px; height: 378px; background-color: rgb(243, 247, 255);" frameborder="0" scrolling="no"></iframe></div> </div>
na stronie facebooka, jest takie coś, ale nie zabardzo wiem jak to użyć.