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>

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

Menu Horizontal com Cor e Forma Pré-formatados

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

Tabulado e em Queda

Queda - Cores do Sol ao Nascer

Geradores de Menus - Vários Modelos

Ruy Miranda