subir ao topo

Menu colorido

Para ter um menu como este cole os códigos abaixo no style css:

<STYLE>
/*INICIO MENU COLORIDO - TEMPLATESBYLECCA.BLOGSPOT.COM*/

#menu {
	width: 704px;
	height: 62px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 140px;
	height: 41px;
	margin-left: 1px;
	padding-top: 10px;
	border-top-width: 10px;
	border-top-style: solid;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#menu .first a {
	margin: 0;
}

#menu1 { background: url(images/img01.html) no-repeat center bottom; border-color: #F07242; color: #C4856D; }
#menu2 { background: url(images/img02.html) no-repeat center bottom; border-color: #FCEE0F; color: #C0B94A; }
#menu3 { background: url(images/img03.html) no-repeat center bottom; border-color: #549EE9; color: #799EC3; }
#menu4 { background: url(images/img04.html) no-repeat center bottom; border-color: #9EBF54; color: #94A46F; }
#menu5 { background: url(images/img05.html) no-repeat center bottom; border-color: #9F8DF6; color: #B0A7DB; }

#menu a:hover {
	color: #000000;
}

/* FIM MENU COLORIDO*/

</STYLE>

Faça download das imagens aqui:

Download aqui

Os códigos abaixo onde ele ira aparecer:

Templates by Lecca

Hosted by www.Geocities.ws