• Pág. Inicial
• Fórum
• Blog
• Anuncie no MXSTUDIO
• Contato

<p><!–</p> <p>#menu-etapa2 ul {</p> <p> list-style-type: none;</p> <p> margin: 0px;</p> <p> padding-top: 4px;</p> <p> padding-right: 0px;</p> <p> padding-bottom: 4px;</p> <p> padding-left: 0px;</p> <p> text-align: center;</p> <p> background-image: url(http://www.marcusvbp.hpg.com.br/imagens/gradmenu_hover.jpg);</p> <p> background-repeat: repeat-x;</p> <p>}</p> <p>/**** etapa 3 ****/</p> <p><!–</p> <p>#menu-etapa3 ul {</p> <p> background-color: #E4E4E9;</p> <p> list-style-type: none;</p> <p> margin: 0px;</p> <p> padding-top: 4px;</p> <p> padding-right: 0px;</p> <p> padding-bottom: 4px;</p> <p> padding-left: 0px;</p> <p> text-align: center;</p> <p>}</p> <p>#menu-etapa3 ul li {</p> <p> display: inline;</p> <p> padding: 0px;</p> <p> height: 25px;</p> <p>}</p> <p>/**** etapa 4 *****/</p> <p>#menu-etapa4 ul {</p> <p> list-style-type: none;</p> <p> margin: 0px;</p> <p> padding-top: 4px;</p> <p> padding-right: 0px;</p> <p> padding-bottom: 4px;</p> <p> padding-left: 0px;</p> <p> text-align: center;</p> <p> background-image: url(http://www.marcusvbp.hpg.com.br/imagens/gradmenu_hover.jpg);</p> <p>}</p> <p>#menu-etapa4 ul li {</p> <p> display: inline;</p> <p> padding: 0px;</p> <p> height: 25px;</p> <p>}</p> <p>#menu-etapa4 ul li a {</p> <p> font-family: Verdana, Arial, Helvetica, sans-serif;</p> <p> font-size: 12px;</p> <p> color: #666666;</p> <p> text-decoration: none;</p> <p> margin: 0px;</p> <p> height: 19px;</p> <p> padding-top: 3px;</p> <p> padding-right: 5px;</p> <p> padding-bottom: 3px;</p> <p> padding-left: 5px;</p> <p>}</p> <p>/***** etapa 5 ****/</p> <p>#menu-etapa5 ul {</p> <p> list-style-type: none;</p> <p> margin: 0px;</p> <p> padding-top: 4px;</p> <p> padding-right: 0px;</p> <p> padding-bottom: 4px;</p> <p> padding-left: 0px;</p> <p> text-align: center;</p> <p> background-image: url(http://www.marcusvbp.hpg.com.br/imagens/gradmenu_hover.jpg);</p> <p> background-repeat: repeat-x;</p> <p>}</p> <p>#menu-etapa5 ul li {</p> <p> display: inline;</p> <p> padding: 0px;</p> <p> height: 25px;</p> <p>}</p> <p>#menu-etapa5 ul li a {</p> <p> font-family: Verdana, Arial, Helvetica, sans-serif;</p> <p> font-size: 12px;</p> <p> color: #666666;</p> <p> text-decoration: none;</p> <p> margin: 0px;</p> <p> height: 19px;</p> <p> padding-top: 3px;</p> <p> padding-right: 5px;</p> <p> padding-bottom: 3px;</p> <p> padding-left: 5px;</p> <p>}</p> <p>#menu-etapa5 ul li a:hover {</p> <p> color: #FF0000;</p> <p> border-top-width: 1px;</p> <p> border-right-width: 1px;</p> <p> border-bottom-width: 1px;</p> <p> border-left-width: 1px;</p> <p> border-top-style: solid;</p> <p> border-right-style: solid;</p> <p> border-bottom-style: solid;</p> <p> border-left-style: solid;</p> <p> border-top-color: #FFFFFF;</p> <p> border-right-color: #C6C5D3;</p> <p> border-bottom-color: #545478;</p> <p> border-left-color: #F1F1F5;</p> <p> padding-right: 4px;</p> <p> padding-left: 4px;</p> <p>}</p> <p>–></p>

<div id="menu-etapa1">

 <ul>

 <li><a href="#">Home</a></li>

 <li><a href="#">Quem Somos</a></li>

 <li><a href="#">Produtos</a></li>

 <li><a href="#">Ache a Gente</a></li>

 <li><a href="#">Fale Conosco</a></li>

 </ul>

 </div>

#menu-etapa2 ul {

	background-image: url(imagens/gradmenu_hover.jpg);

	background-repeat: repeat-x;

	list-style-type: none;

	margin: 0px;

	padding-top: 4px;

	padding-right: 0px;

	padding-bottom: 4px;

	padding-left: 0px;

	text-align: center;

}

#menu ul li {

 display: inline;

 padding: 0px;

 height: 25px;

 }

#menu ul li a {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666666;	text-decoration: none;	margin: 0px;	height: 19px;	padding-top: 3px;	padding-right: 5px;	padding-bottom: 3px;	padding-left: 5px;}

#menu ul li a:hover {	color: #FF0000;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #FFFFFF;	border-right-color: #C6C5D3;	border-bottom-color: #545478;	border-left-color: #F1F1F5;	padding-right: 4px;	padding-left: 4px;}

#menu ul {	list-style-type: none;	margin: 0px;	padding-top: 4px;	padding-right: 0px;	padding-bottom: 4px;	padding-left: 0px;	text-align: center;	background-image: url(imagens/gradmenu_hover.jpg);	background-repeat: repeat-x;}#menu ul li {	display: inline;	padding: 0px;	height: 25px;}#menu ul li a {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666666;	text-decoration: none;	margin: 0px;	height: 19px;	padding-top: 3px;	padding-right: 5px;	padding-bottom: 3px;	padding-left: 5px;}#menu ul li a:hover {	color: #FF0000;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #FFFFFF;	border-right-color: #C6C5D3;	border-bottom-color: #545478;	border-left-color: #F1F1F5;	padding-right: 4px;	padding-left: 4px;}

1.326 assinantes,
assine você também!