Menu HTML & CSS [very nice]

[GarryOne]

Demo













CSS CODE:

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(media/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(media/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

HTML CODE

<ul class="glossymenu">
	<li class="current"><a href="http://www.dynamicdrive.com/"><b>Home</b></a></li>
	<li><a href="http://www.dynamicdrive.com/style/"><b>CSS</b></a></li>
	<li><a href="http://www.dynamicdrive.com/forums/"><b>Forums</b></a></li>	
	<li><a href="http://tools.dynamicdrive.com"><b>Webmaster Tools</b></a></li>	
	<li><a href="http://www.javascriptkit.com/"><b>JavaScript</b></a></li>	
	<li><a href="http://www.cssdrive.com"><b>Gallery</b></a></li>	
</ul>

[crt_]

Normal e sa pui si sursa: http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/

[xPaul]

+ imaginile (eu nu am vazut niciun atasament sau ceva)

[tolby]

Normal e sa pui si sursa: http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/

Cred ca prea faceti exces de moralitate. Se vede clar in cod site-ul www.dynamicdrive.com si orice idiot si-ar fi putut da seama ca nu ii facea reclama, ci acea era sursa.

[netul]

background: url(media/menur_hover_left.gif) no-repeat;
background: url(media/menur_hover_right.gif) no-repeat;

Ideea era ca, in codul css sunt date legaturi catre niste imagini pentru ca meniul sa fie afisat corect.... imagini care le iei de unde? Ca fara ele nu afiseaza nimic :)
De aici probabil s-a dedus ca acest topic a fost pus la repezeala si in bataie de joc :)
Daca faci un lucru, fa-l bine pana la capat, ca e de ajuns sa emiti ceva banal ca sa nu mearga nimic.

[GarryOne]

pai am pus imaginile pentru fiecare model de culoare, le descarci si indici locatia catre ele in css code