Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Java][PHP]Wysuwany Like Box
Tomash
post
Post #1





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 15.12.2011

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Mega_88
post
Post #2





Grupa: Zarejestrowani
Postów: 360
Pomógł: 34
Dołączył: 20.08.2011

Ostrzeżenie: (0%)
-----

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); });


Ten post edytował Mega_88 15.12.2011, 18:48:39
Go to the top of the page
+Quote Post
Damonsson
post
Post #3





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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


Ten post edytował Damonsson 15.12.2011, 18:53:34
Go to the top of the page
+Quote Post
Tomash
post
Post #4





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 15.12.2011

Ostrzeżenie: (0%)
-----

Dzięki wielkie! smile.gif
Temat do zamknięcia.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 03:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn