Menu w js


(Mario188) #1

Witam. Mam pytanie jak zrobić takie menu którego nie będę musiał zmieniać na wszystkich podstronach, ale jednocześnie będzie wyglądało tak jak w tym kodzie z css:

#MENU {

	width: 200px;

	float: left;

	overflow: hidden;

	position: relative;

	background-color: #ccc;

}

dl, dt, dd {

	display: block;

	margin: 0;

	padding: 0;

}


dl {

	width: 200px;

	padding: 1px 2px;

	background-color: #9ce;

	border: 3px double #28e;

}


dt {

	padding: 7px 15px;

	font-weight: bold;

	font-size: larger;

	background-color: #25b;

	color: #9ce;

	text-align: right;

	border-right: 20px solid #26d;

	margin-top: 1px;

}


dd {

	border-top: 1px solid #9ce;

}


dl a:link, dl a:visited {

	display: block;

	width: 176px;

	text-decoration: none;

	padding: 7px;

	font-weight: bold;

	background-color: #27c;

	color: #def;

	border-left: 10px solid #25b;

}


dl a:hover {

	width: 166px;

	background-color: #28e;

	color: #fff;

	border-left: 20px solid #26d;

}

Z góry dzięki


(Adwody1) #2

Wklejasz ten kod do notatnika i zapisujesz np. "menu.css". Na stronie na której ma się znajdować takie menu

w sekcji HEAD wklejasz:

To wszystko powinno znajdować się z jednym folderze :slight_smile: jeżeli chcesz umieścić to w podfolderze np. także o nazwie "menu" to kod wygląda następująco:

W sekcji BODY w wybranym przez Ciebie miejscu natomiast:

Pozdrawiam :smiley:


(system) #3

Jeśli ,asz stronę w PHP, zapisz menu w pliku menu.php (bez nagłówków

, , , , itd...).

W stronie/podstronie napisz: <?php include ('menu.php'); ?>


(Mario188) #4

To wygląd się nie zmieni, tak z tego rozumiem. Ale chyba, źle sformułowałem, bo chodziło mi abym nie musiał na wszystkich podstronach wpisywać zmiany gdybym coś zmieniał w menu.


(Barthezz) #5

No to metoda ananasa jest rozwiązaniem. W każdym pliku dajesz kod <?php include ('menu.php'); ?> a potem edytujesz tylko plik menu.php a zmiany zostaną przeprowadzone wszędzie gdzie będziesz includował ten plik.