Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] Menu! Potrzebna pomoc.
Forum PHP.pl > Forum > Przedszkole
radamastix
20.11.2010, 17:13:22
Witam!

Ostatnio jestem w trakcie tworzenia takiej małej stronki. I Chodzi mi o to żeby był na niej podstrony. A w kategoriach menu klikając na jedną z funkcji , wyświetalałaby się dana treść na stronie, a ten przycisk od tej funkcji na stałe zaświeciłby się, aby w menu było widać gdzie się jest.
Wpadłem na pomysł stworzenia kilka plików z menu w każdym inny przycisk świeciłby się i ze względu na to co użytkownik by wybrał dane menu includowałoby sie razem z trescia pod spodem.

Na razie nie mam pomysłu jak zrobić to inaczej. Tytuł tego działu odpowiada mojemu niezwykle zaawansowanemu poziomowi wiedzy na temat php.
Mam wielką nadzieję że znajdzie sie tu ktos kto napisze pare wskazowek co jest zle co poprawic, bo nie chodzi mi o gotowe rozwiazanie ze wzgledu na to ze chce sie nauczyc tych rzeczy a nie skopiować.


Tu daje kod mojej strony:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5.   <meta http-equiv="Content-Language" content="pl" />
  6.   <meta name="Keywords" content="słowa, kluczowe, oddzielone, przecinkami" />
  7.   <meta name="Description" content="krótki opis zawartości strony" />
  8.   <meta name="Robots" content="ALL" />
  9.   <meta name="Author" content="flankerds.com" />
  10.   <link rel="stylesheet" href="style.css" type="text/css" />
  11.   <title>Krystian's BETA Site</title>
  12. </head>
  13.  
  14. <body>
  15.  
  16. <div id="kontener">
  17.  
  18.  
  19. <div id="menux">
  20. <?php 
  21.  
  22. 	if(empty($_GET['id']) or $_GET['id']=="home"){
  23. 		include("homemenu.php");
  24. 	}
  25.  
  26. 	if($_GET['id']=="utk"){
  27. 		include("utkmenu.php");
  28. 	}
  29.  
  30. 	if($_GET['id']=="systemy"){
  31. 		include("systemymenu.php");
  32. 	}
  33.  
  34. 	if($_GET['id']=="programowanie"){
  35. 		include("programowaniemenu.php");
  36. 	}
  37.  
  38.         if($_GET['id']=="zrodlo"){
  39. 		include("zrodlomenu.php");
  40. 	}
  41.  
  42.  
  43.  
  44.  
  45. 	?>
  46.     </div>
  47. <div id="logo"></div>
  48.  
  49. <div id="tresc">
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56. <?PHP
  57.  include("cutenews/show_news.php");
  58. ?>
  59. </div>
  60. <div id="login">
  61.  
  62. exampler
  63. </div>
  64.  
  65. </div>
  66.  
  67. <div id="stopka">
  68.   <div id="copyright">Copyright by Krystian Lipski 2010</div>
  69. <div id="design">BETA1.0</div>
  70. </div>    
  71. </body>
  72. </html>
[HTML] pobierz, plaintext


tu style CSS:

[XML] pobierz, plaintext 
  1. body {
  2. 		background:url(images/tlo.jpg) repeat-x #f8f8f6;
  3. 		margin-top:auto;
  4. 		margin-left:auto;
  5. 		margin-right:auto;
  6. 		width:960px;
  7. 		margin-bottom:auto;
  8. 		list-style: none;
  9.     }
  10.  
  11. div {
  12. 	font: verdana 12px #000;
  13. 	position:relative;
  14. 	margin-left:auto;
  15. 	margin-right:auto;
  16.     }
  17. a {
  18. 		text-decoration: none;
  19. 		color: #007236;
  20. 	}
  21.  
  22. 	#menux
  23. 	{
  24. 		width:960px;
  25. 		display:block;
  26.  
  27. 	}
  28.  
  29. #kontener {
  30. 	        display:inline;
  31. 		width:960px;
  32. 		height:auto;
  33. 		padding-bottom:0px;
  34. 		border-left:solid #dcdcdc 1px;
  35. 		border-right:solid #dcdcdc 1px;
  36. 		border-bottom:solid #dcdcdc 1px;
  37. 		border-top:solid #dcdcdc px;
  38. 		background:#ffffff;
  39. 	}
  40. #logo {
  41. 		background:url(images/logo2.jpg) no-repeat;
  42. 		width:960px;
  43. 		height:250px;
  44. 		border:solid #818181 0px;
  45. 		margin-top:10px;
  46. 	}
  47.  
  48. #login
  49. {
  50.  
  51.    	  background: #69C1E9;
  52.  
  53. 		width:100px;
  54. 		height:250px;
  55. 		border:solid #818181 0px;
  56. 		margin-top:10px;
  57. 		margin:0px;
  58. 	}
  59.  
  60.  
  61.  
  62. #tresc {
  63. 		margin-top:20px;
  64. 		margin-left:15px;
  65. 		margin-right:15px;
  66. 		height:auto;
  67. 		width:700px;
  68. 		background:#ffffff;
  69. 		margin-bottom:10px;
  70. 	}
  71. #tresc h2 {
  72. 		margin-left:auto;
  73. 		margin-right:auto;
  74. 		text-indent:20px;
  75.         font-size: 17px;
  76. 		margin-top:0px;
  77. 		border-left:solid #00592a 3px;
  78. 		width:650px;
  79. 	}
  80. #tresc p {
  81. 		margin-left:auto;
  82. 		margin-right:auto;
  83. 		width:650px;
  84. 		text-indent: 15px;
  85. 		text-align: justify;
  86. 		font-size:12px;
  87. 		font-family:Verdana, Arial, Helvetica, sans-serif;
  88. 	}
  89. #stopka {
  90. 		clear:both;
  91. 		text-align:right;
  92. 		width:960px;
  93. 		height:15px;
  94. 		margin-top:5px;
  95. 		border-top:solid #dcdcdc 1px;
  96. 		border-left:solid #dcdcdc 1px;
  97. 		border-right:solid #dcdcdc 1px;
  98. 		border-bottom:solid #dcdcdc 1px;
  99. 		background:#fbfbfb;
  100. 		font-size:11px;
  101. 		font-family:Verdana, Arial, Helvetica, sans-serif;
  102. 	}
  103. #stopka a {
  104. 		color: #000000;
  105. 	}
  106. #stopka a:hover {
  107. 		text-decoration:underline;
  108. 	}
  109. #copyright {
  110. 		float:left;
  111. 		padding-left:340px;
  112. 	}
  113. #design {
  114. 		float:right;
  115. 		padding-right:10px;
  116. }
[XML] pobierz, plaintext



Tutaj jedna z "podstron" menu:

[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  4.  
  5.  <link rel="stylesheet" href="stylemenu.css" type="text/css" />
  6. <head>
  7.  
  8. <body>
  9.  
  10.  
  11.  
  12.  
  13. <ul class="menu red">
  14.     <li><a href="index.php?id=home" title="">Home</a></li>
  15. 	<li><a href="index.php?id=utk" title="">UTK</a></li>
  16. 	<li><a href="index.php?id=systemy" title="" >Systemy</a></li>
  17. 	<li class="current"><a href="index.php?id=programowanie" title="">Programowanie</a></li>
  18. 	<li><a href="index.php?id=zrodlo" title="">Zrodlo</a></li>
  19. </ul>
  20.  
  21.  
  22. </body>
  23.  
  24. </html>
[PHP] pobierz, plaintext


Orientuje sie ktos jak zrobic zeby dzialalo tak jak chce?

Z gory dzieki za pomoc
Pozdrawiam
PHPnovice
Christianho
Ghost_78
20.11.2010, 18:05:03
zrob sobie tak:

[PHP] pobierz, plaintext 
  1. <ul class="menu red">
  2. <li><a href="index.php?id=home" title="" <?php (($_GET[id]=='home')?'color:  red;':'')?> >Home</a></li>
  3. <li><a href="index.php?id=utk" title="" <?php (($_GET[id]=='utk')?'color:  red;':'')?> >UTK</a></li>
  4. <li><a href="index.php?id=systemy" title="" <?php (($_GET[id]=='systemy')?'color:  red;':'')?> >Systemy</a></li>
  5. <li class="current"><a href="index.php?id=programowanie" title="" <?php (($_GET[id]=='programowanie')?'color:  red;':'')?> >Programowanie</a></li>
  6. <li><a href="index.php?id=zrodlo" title="" <?php (($_GET[id]=='zrodlo')?'color:  red;':'')?> >Zrodlo</a></li>
  7. </ul>
[PHP] pobierz, plaintext


to zapewni Ci wskazanie co jest wybrane - pokazalem Ci tu tylko przyklad - mozesz sobie to przerobic na menu graficzne itp - zasada bedzie taka sama
PiterosWeb
20.11.2010, 19:03:52
Możesz to również zrobić w ten sposób że gdy się kliknie w link to za pomocą js tworzysz cookie z nazwą tego linku a później tylko za pomocą np. JS sprawdzasz jaka jest wartość cookie i po tym stwierdzasz który link ma inaczej wyglądać.
Sprawdzenie jaki to link możesz również zrobić za pomocą PHP. winksmiley.jpg
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.