Wysuwany panel facebook jak zrobić , czy się da? |
wklej do nagłówka użytkownika tekst : <div id=#pasek { position: fixed; top: 0; left: 0; right: 0; height: 80px; background-color: #fff; }></div> <br><br> <link rel="shortcut icon" href="http://www.iconj.com/ico/d/r/drv27lys44.ico" type="image/x-icon" /><style type="text/css"> #wysuwane { background: url("http://4.bp.blogspot.com/-98zf7uRcvws/UL0atUFDwTI/AAAAAAAANA0/qjoNGJpVD1U/s1600/65139971121971018745.png") no-repeat scroll 0 0 transparent; padding: 10px; width: 235px; height:402px; position: fixed; margin-top: -100px; /*połowa wysokości panelu w górę */ left: 0px; top: 50%; } .zamknij { background-position: 0px 0px -242px 0px; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <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: 216px; margin-left: 0px;"> <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=ADRES TWOJEGO FUNPAGE?fref=ts&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> |