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>

[AhEaD]

baga si arhiva cu folderu media ca sa fie treaba treaba!

[GarryOne]

pai am pus toate trei imagini pentru fiecare model de culoare, fiecare isi alege care model ii place si descarca cele trei imagini si indica locatia catre ele din css code

[Vlachs]

Sunt sute pe net, sunt site-uri numai cu asa ceva, de l-am alege exact pe asta? :/

de ce pui intrebari de genul, te comporti parca omul ti-ar vinde un produs si ar trebui sa te convinga sa cumperi, E GRATIS, CE CACAT VA COMPORTATI ASA

[p3tru]

Sau mai este si CSS Menu Generator la fel moca, doar ca aici ai mai multe optiuni

[GarryOne]

multumesc de link-uri, eu l-am gasit pe asta pe net si mi s-a parut dragut si am zis sa-l postez.