Menu Horizontal com Fundo Colorido e Controle por CSS

No menu abaixo você pode aumentar ou diminuir a quantidade de links.

Para reproduzi-lo, mude os links e seus textos, assim como as cores da barra horizontal. Pode também aumentar o número de links, asim como diminuir e aumentar as áreas de cobertura colorida.

Você pode fazer mudanças nas cores dos textos dos links inativos e ativos (no caso as cores são #999999 e FF0000.

Você vai precisar tembém da folha de estilos.

Endereço da folha de estilo

Você deve copiar essa folha de estilos e colar em um arquivo css branco.

Você vai precisar de uma imagem e o endereço dela é o seguinte:

http://www.otimizacao-sites-busca.com/criar-menus-css/horizontal-clareia-sublinha/imagens/nav_bg.png


Observe que esta página tem links para duas folhas de estilos. Num site pode haver várias folhas de estilo, cada uma controlando determinadas partes.

iO script deste menu pode ser visto no código-fonte desta página e é o seguinte:

<div>
<ul id='menu'>
<li><a class='current' href='http://' >Home</a></li>
<li><a href='http://' >Produtos</a></li>
<li><a href='http://' >Empresa</a></li>
<li><a href='http://' >Contato</a></li>
</ul>
</div>

Nota: Se você achou este gerador interessante, coloque um link para esta página para que as pessoas que visitam o seu site possam usufruir dele também. O link pode ser assim:

<a href="http://www.otimizacao-sites-busca.com/criar-menus-css/menu-clareia-sublinha/index.htm" target="_blank" title="Muda Cor dos Links e Sublinha - CSS">Muda Cor dos Links e Sublinha</a>

Links relacionados:

Gerador de CSS

Menu Horizontal com Cobertura Colorida

Cor e Forma Predefinidos

Sub-menus em Queda em Barra Horizontal

Tonalidades Cinza/Azul - Sub-menus em Queda

Menu Multinível

Taulado e em Queda

Queda - Cores do Sol ao Nascer

Ruy Miranda
Otimização de Sites