Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Java][PHP]Wysuwany Like Box
Forum PHP.pl > Forum > Przedszkole
Tomash
15.12.2011, 18:32:22
Witam!

Chodzi o to że gdy włączy się strone http://energetyczna-dawka-muzyki.pl/index.php like box jest wysunięty dopiero po najechaniu się wsuwa i oto mój problem, jak zmienic kod aby po wejsciu na strone like-box byl wsunięty i dopiero po najechaniu się wysuwał ?

[PHP] pobierz, plaintext 
  1. <head>
  2. <script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  3.     <script type="text/javascript">
  4.         $(function (){
  5.             //facebook widget
  6.             $(".facebook").hover(function(){
  7.                 $(".facebook").stop(true, false).animate({left:"-9"},"medium");
  8.             },function(){
  9.                 $(".facebook").stop(true, false).animate({left:"-214"},"medium");
  10.             },500);
  11.         });
  12.  
  13.     </script>
  14.  
  15.   <style type="text/css">
  16. .facebook{
  17.  
  18.     background: url("http://img402.imageshack.us/img402/9578/fbpodkladkopia.png") no-repeat scroll 0 0 transparent;
  19.  
  20.     padding: 10px;
  21.     width: 235px;
  22.     height:402px;
  23.  
  24.     position: fixed;
  25.     margin-top: -200px; /*połowa wysokości panelu w górę */
  26.     left: 0px;
  27.     top: 50%;
  28.  
  29. }
  30. .zamknij
  31. {
  32.     background-position: 0px 0px -242px 0px;
  33. }
  34.  
  35.  
  36.   </style>
  37.  
  38.     <!--[if lt IE 8]>
  39.     <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  40.     <![endif]-->
  41.  
  42.  
  43. </head>
  44. <body style="direction: ltr;">
  45.  
  46. <div id="fb-root"></div><script src="http://connect.facebook.net/pl_PL/all.js"></script><script>  FB.init({appId: 'xxx', status: true, cookie: true, xfbml: true});  FB.Event.subscribe('auth.login', function(response) {});</script>     
  47.  
  48. <div id="fb-root"></div>
  49.  
  50.             <div class="facebook">
  51.  
  52.     <div style="color:#FFF; padding:2px 80px 0 0px;">
  53.  
  54.         <fb:like-box href="http://www.facebook.com/Energetycznadawkamuzyki" width="185" height="376" colorscheme="light" show_faces="true" stream="false" header="false"></fb:like-box>
  55.  
  56.  
  57.         </div>
  58.  
  59.     </div>
  60.  
  61. </div>
  62.  
[PHP] pobierz, plaintext
Mega_88
15.12.2011, 18:47:36
Hej, pokombinuj z tym kodem, powinno ruszyć jak przełożysz to na swój .js

Cytat
$(".likebox_1").hover(function(){ $(this).stop(true,false).animate({right: 0}, 700); },function(){ $(".likebox_1").stop(true,false).animate({right: -307}, 700); });
Damonsson
15.12.2011, 18:50:56
Nadaj mu w stylach css, domyślne wartości.

edit:
A dokładniej: 

[CSS] pobierz, plaintext 
  1. .facebook{
  2.     background: url("http://img402.imageshack.us/img402/9578/fbpodkladkopia.png") no-repeat scroll 0 0 transparent;
  3.     padding: 10px;
  4.     width: 235px;
  5.     height:402px;
  6.     position: fixed;
  7.     margin-top: -200px; /*połowa wysokości panelu w górę */
  8.  
  9.     left: -214px;
  10.  
  11.     top: 50%;
  12. }
[CSS] pobierz, plaintext
Tomash
15.12.2011, 19:16:22
Dzięki wielkie! smile.gif
Temat do zamknięcia.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.