MENU HORIZONTAL

Menu como o que eu uso aqui no blog.
Favor creditar.

1 - Copie (ctrl+v) e cole (ctrl+v) o código abaixo entre as tags no seu css.

/****************** MENU NAVEGACAO mhilka.zip.net*******************/ #nav { background: #FFF0F5; border: 1px solid #ff99cc; color: #666666; font-family: tahoma; font-size: 10px; text-align : left; padding-bottom : 2px; padding-left : 3px; margin-bottom: 3px; } #nav:hover { background: #ff99cc; border: 1px solid #FFF0F5; color: #B5B5B5; font-family: tahoma; font-size: 10px; text-align : left; padding-bottom : 2px; padding-left : 3px; margin-bottom: 3px; } #nav a { font-size : 11px; line-height: 15px; font-family: tahoma; text-align : left; font-weight: normal; color: FEC2E1; padding: 2px; } #nav a:hover { font-size : 11px; line-height: 15px; font-family: tahoma; text-align : left; font-weight: normal; color: #E6E6FA; padding: 2px; }

2 - Onde você quiser que o menu apareça, copie e cole o código abaixo:

<div id="nav"><a title="descricao do link" href="http://endereco">Pagina 1</a> - descricao da página</div> <div id="nav"><a title="descricao do link" href="http://endereco">Pagina 2</a> - descricao da página</div> <div id="nav"><a title="descricao do link" href="http://endereco">Pagina 3</a> - descricao da página</div> <div id="nav"><a title="descricao do link" href="http://endereco">Pagina 4</a> - descricao da página</div>

VOLTAR