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.

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.

O 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.html" 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