Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Wysuwanie i wsuwanie okienka
Dapi
post
Post #1





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

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


Witam.
Kolega napisał mi taki kodzik:

  1. #MB_frame {
  2. position: static;
  3. background-color: #40403E;
  4. height: 97%;
  5. border-top-style: double;
  6. border-bottom-style: double;
  7. border-left-style: double;
  8. border-right-style: double;
  9. border-top-color: #FFFFFF;
  10. border-bottom-color: #FFFFFF;
  11. border-left-color: #FFFFFF;
  12. border-right-color: #FFFFFF;
  13. }
  14.  
  15. #MB_overlay {
  16. position: absolute;
  17. width: 100%; height: 100%;
  18. z-index: 1;
  19. background-color: #000000;
  20. }
  21. #MB_overlay[id] { position: fixed; }
  22.  
  23. #MB_window {
  24. position: absolute;
  25. top: 18%;
  26. border: 0 solid;
  27. text-align: center;
  28. z-index: 1;
  29. color: #000000;
  30. }
  31. #MB_window[id] { position: fixed!;}
  32.  
  33. #MB_header {
  34. margin: 0;
  35. padding: 0;
  36. }
  37.  
  38. #MB_caption {
  39. font: bold 100% "Lucida Grande", Arial, sans-serif;
  40. text-shadow: # 0 0px 0;
  41. padding: .5em 2em .5em .75em;
  42. margin: 0;
  43. text-align: center;
  44. }
  45.  
  46. #MB_close {
  47. display: block;
  48. position: absolute;
  49. right: 5px; top: 4px;
  50. font-weight: bold;
  51. text-decoration: none;
  52. font-size: 13px;
  53. }
  54.  
  55.  
  56. #MB_loading {
  57. padding: 1.5em;
  58. text-indent: -10000px;
  59. background: transparent url(wczytuje.gif) 100% 0 no-repeat;
  60. }
  61.  
  62. /* Color scheme */
  63. #MB_frame {
  64. padding-bottom: 0px;
  65. -webkit-border-radius: 0px;
  66. -moz-border-radius: 0px;
  67. border-radius: 0px;
  68. }
  69.  
  70. #MB_content { border-top: 1px solid #000000; }
  71. #MB_header {
  72. background-color: #DDD;
  73. border-bottom: 1px solid #CCC;
  74. }


Okienko się otwiera, ale jest problem, bo ono się tak jakby wysuwa i po zamknięciu wsuwa :/
Jak zrobić, żeby był efekt pojawiania i zanikania?

Pozdrawiam smile.gif


--------------------
www.dapi.net.pl - Wiele technologii, jedna pasja.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
Ziom73
post
Post #2





Grupa: Zarejestrowani
Postów: 140
Pomógł: 1
Dołączył: 8.04.2009
Skąd: Polanica Zdrój | Poznań | Wrocław

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


Mi się zdaję, że w css tego się nie zrobi, tylko w pliku *js


--------------------
Jeżeli pomogłem to kliknij w pomógł, to motywuje!
Go to the top of the page
+Quote Post
Dapi
post
Post #3





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

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


Skora do się wysuwanie i wsuwanie, to takie coś pewnie też się da winksmiley.jpg
Jak nie to chociaż jak usunąć obecny efekt otwierania i zamykania?


--------------------
www.dapi.net.pl - Wiele technologii, jedna pasja.
Go to the top of the page
+Quote Post
Ziom73
post
Post #4





Grupa: Zarejestrowani
Postów: 140
Pomógł: 1
Dołączył: 8.04.2009
Skąd: Polanica Zdrój | Poznań | Wrocław

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


Ale musisz mieć chyba plik *js, i tam jest to zapisane.


--------------------
Jeżeli pomogłem to kliknij w pomógł, to motywuje!
Go to the top of the page
+Quote Post
Dapi
post
Post #5





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

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


A no faktycznie. Wypakowało mi się poza ekran i nie zauważyłem.

Link do pliku js.
-> http://wklejto.pl/40134

Jako iż znam tylko HTML i poznaję PHP proszę o pomoc.


--------------------
www.dapi.net.pl - Wiele technologii, jedna pasja.
Go to the top of the page
+Quote Post
Koldy
post
Post #6





Grupa: Zarejestrowani
Postów: 98
Pomógł: 1
Dołączył: 28.06.2009
Skąd: Great Britan

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


  1. border-top-style: double;
  2. border-bottom-style: double;
  3. border-left-style: double;
  4. border-right-style: double;
  5. border-top-color: #FFFFFF;
  6. border-bottom-color: #FFFFFF;
  7. border-left-color: #FFFFFF;
  8. border-right-color: #FFFFFF;

Tutaj radziłbym to skrócić...
np.
  1. border-style: double;
  2. border-color: #ffffff;

lub:
  1. border: 1px double #ffffff;


#topic:
Co do wsuwania i wysuwania, możesz uzyskać w Css efekt taki, ale to nie do końca będzie to samo, ponieważ text będzie zawsze widoczny, ogólnym 'trickiem' na to jest padding, będzie efekt, ale nie do końca taki jak ma być, już lepiej .js użyć.

Pozdrawiam.


--------------------
$progress++;
Go to the top of the page
+Quote Post
Dapi
post
Post #7





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

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


Chodzi o to że to wsuwanie i wysuwanie jest teraz, a ja tego nie chcę :/


--------------------
www.dapi.net.pl - Wiele technologii, jedna pasja.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 20.08.2025 - 21:13