Advertisement
Guest User

Untitled

a guest
Apr 19th, 2014
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.73 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Aplikacje Bazodanowe</title>
  6.  
  7. <style>
  8. /* ------------------------CZĘŚĆŚ-GÓŚRNA-MENU------------------------ */
  9.  
  10. /* usuni�cie domy�lnych w�a�ciwo�ci CSS z element�w - ol - oraz - ul#menu, #menu ul, #menu ol {
  11. list-style-type:none;
  12. padding:0;
  13. margin:0;
  14. }
  15.  
  16. /* wygląd głównego elementu - ol */
  17. #menu {
  18. background-color:#FFF;
  19. font-size:18px;
  20. height:2em;
  21. line-height:2em;
  22. text-align:center;
  23. }
  24.  
  25. /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
  26. #menu a {
  27. display:block;
  28. text-decoration:none;
  29. color:#000;
  30. padding:0 5px;
  31. }
  32.  
  33. /* wygląd elementów - li - wszystkich dzieci elementu - ol */
  34. #menu > li {
  35. float:left;
  36. width:150px;
  37. margin-left:1px;
  38. background-color:#FDD700;
  39. height:2em;
  40. }
  41.  
  42. /* wygląd elementu - li - pierwszego dziecka elementu - ol */
  43. #menu > li:first-child {
  44. margin-left:0;
  45. }
  46.  
  47. /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
  48. #menu > li:hover {
  49. background-color:#EEE;
  50. }
  51.  
  52. /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
  53. #menu > li:hover > a {
  54. color:#09C;
  55. }
  56.  
  57. /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
  58. #menu > li:hover > ul {
  59. display:block;
  60. }
  61.  
  62. /* ------------------------CZĘŚĆ-ROZWIJANA-MENU-POZIOM-1----------------------- */
  63.  
  64. /* wygląd głównych rozwijanych elementów - ul */
  65. #menu > li > ul {
  66. display:none;
  67. }
  68.  
  69. /* wygląd elementu - li - w części rozwijanej */
  70. #menu > li > ul > li {
  71. position:relative;
  72. background-color:#EEE;
  73. }
  74.  
  75. /* wygląd elementu - a - w części rozwijanej */
  76. #menu > li > ul > li > a {
  77. border-top:1px solid #FFF;
  78. }
  79.  
  80. /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
  81. #menu > li > ul > li:hover {
  82. background-color:#DDD;
  83. }
  84.  
  85. /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
  86. #menu > li > ul > li:hover > a {
  87. color:#09C;
  88. }
  89.  
  90. /* ------------------------CZĘŚĆ-ROZWIJANA-MENU-POZIOM-2----------------------- */
  91.  
  92. /* wygląd głównego elementu - ol - w drugiej części rozwijanej */
  93. #menu > li > ul > li > ol {
  94. display:none;
  95. width:150%;
  96. position:absolute;
  97. left:100%;
  98. margin-top:-2em;
  99. }
  100.  
  101. /* wygląd głównego elementu - ol - w drugiej części rozwijanej, po najechaniu kursorem myszki na jego rodzica - li */
  102. #menu > li > ul > li:hover > ol {
  103. display:block;
  104. }
  105.  
  106. /* wygląd elementów - li - w drugiej części rozwijanej */
  107. #menu > li > ul > li > ol > li {
  108. background-color:#CCC;
  109. }
  110.  
  111. /* wygląd elementów - a - w drugiej części rozwijanej */
  112. #menu > li > ul > li > ol > li > a {
  113. border-top:1px solid #FFF;
  114. border-left:1px solid #FFF;
  115. }
  116.  
  117. /* wygląd elementu - a - w drugiej części rozwijanej, po najechaniu kursorem myszki */
  118. #menu > li > ul > li > ol > li > a:hover {
  119. color:#09C;
  120. }
  121.  
  122. /* ------------------------WSPÓLNE----------------------- */
  123.  
  124. /* zaokrąglone rogi wszystkich elementów - li - oraz - a */
  125. #menu li, ol a {
  126. border-radius:6px;
  127. }
  128.  
  129. /* strzałka w prawo */
  130. #menu .dol {
  131. background-image:url('http://kodcss.pl/img/down.png');
  132. background-repeat:no-repeat;
  133. background-position:98% center;
  134. }
  135.  
  136. /* strzałka w dół */
  137. #menu .prawo {
  138. background-image:url('http://kodcss.pl/img/right.png');
  139. background-repeat:no-repeat;
  140. background-position:98% center;
  141. }
  142. </style>
  143.  
  144. </head>
  145.  
  146. <body>
  147.  
  148. <ol id="menu">
  149. <li><a href="gotowyHTML.php?menu=1">Strona domowa</a>
  150.  
  151. <li class="dol"><a href="gotowyHTML.php?menu=2">Ssaki</a>
  152. <ul>
  153. <li><a href="gotowyHTML.php?menu=2&art=1">Theria</a></li>
  154.  
  155. <li class="prawo"><a href="gotowyHTML.php?menu=2&art=2">Prototheria</a>
  156. <ol>
  157. <li><a href="gotowyHTML.php?menu=2&art=2&aart=3">Monotheria</a></li>
  158.  
  159. </ol>
  160. </li>
  161. </ul>
  162. </li>
  163.  
  164. <li><a href="gotowyHTML.php?menu=3">Zaloguj</a></li>
  165.  
  166.  
  167. </ol>
  168.  
  169.  
  170.  
  171. </body>
  172. </html>
  173.  
  174.  
  175.  
  176.  
  177.  
  178. <?php
  179.  
  180. header('Location: startowa.php');
  181.  
  182. $arg = (int)$_GET['menu'];
  183. $art = (int)$_GET['art'];
  184. $aart = (int)$_GET['aart'];
  185. switch ($arg)
  186. {
  187. case 1:
  188. echo "Strona Domowa";
  189. break;
  190.  
  191. case 2:
  192. switch ($art)
  193. {
  194. case 1:
  195. echo "Theria";
  196. break;
  197.  
  198. case 2:
  199.  
  200.  
  201. echo "Protheria";
  202.  
  203. switch($aart)
  204. {
  205. case 3:
  206. echo "Monotheria";
  207. break;
  208.  
  209.  
  210. }
  211.  
  212.  
  213.  
  214. }
  215. break;
  216.  
  217. case 3:
  218. echo "LOGUJ";
  219. break;
  220.  
  221. default:
  222. echo "Glowna!!!!";
  223. break;
  224. }
  225.  
  226. ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement