Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wysuwanie i wsuwanie okienka
Forum PHP.pl > Forum > Przedszkole
Dapi
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
Ziom73
Mi się zdaję, że w css tego się nie zrobi, tylko w pliku *js
Dapi
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?
Ziom73
Ale musisz mieć chyba plik *js, i tam jest to zapisane.
Dapi
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.
Koldy
  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.
Dapi
Chodzi o to że to wsuwanie i wysuwanie jest teraz, a ja tego nie chcę :/
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.