Menu Horizontal com Cor e Forma Predefinidos
Controle por CSS

Este menu com controle por css, se insere em duas imagens com formato e cor são predefinidos. O espaço onde vai o link pode ser mudado em função do tamanho do texto do link. No exemplo abaxio aparece o texto de um link assim: Texto de Link Mais Longo. Ele aumentou o espaço previamente existente. A cobertura de cor já vem numa das imagens.

No código-fonte desta página você encontraas imagens e o script; a folha de css você encontra pelo endereço, também no código-fonte.

O script deste menu, como se pode ver no código-fonte, é o seguinte:

<div id="menu">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Texto do Link Mais Longo</span></a></li>
<li><a href="#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
</ul></div>

Você pode adicionar manualmente outros links, assim como retirar dos existentes.

Nota: Gostou deste menu? Então coloque um link para esta página para que as pessoas que visitam o seu site possam vê-lo e usufruir. O link pode ser assim:

<a href="http://www.otimizacao-sites-busca.com/criar-menus-css/horizontal-forma-cor/index.html" target="_blank" title="Horizontal com Cor e Forma Pré-definidos - CSS ">Menu Horizontal com Cor e Forma Pré-formatados</a>

Links relacionados:

Gerador de CSS

Menu Horizontal com Fundo Colorido

Menu Horizontal com Cobertura Colorida

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