Menu Horizontal com Cobertura Colorida e Controle por CSS
No menu abaixo você pode mudar os nomes dos links, 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.
As cores diponíveis são blue, gray, lime, orange, pink, purple, red - se deseja mudar, substitua aqua em
<div class="menu bubplastic horizontal aqua"> pela cor desejada. Voc~e vê isto no c´0digo-fonte desta página.
Você vai precisar també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.
No código-fonte desta página você encontra os links e as tags necessárias. Você copia esses dados e cola em um arquivo. Aqui são feitas as mudanças nos links.
Você vai precisar de imagens para fazer mudanças; os endereços delas são os seguintes:
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-button.gif (preto)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-h-aqua.gif (água marinha)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-h-blue.gif (azul)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-h-grey.gif (cinza)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-h-lime.gif (lima)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-h-orange.gif (laranja)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-h-pink.gif (rosa)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic-h-purple.gif (púrpura)
../criar-menus-css/horizontal-cobertura/imagens/bg-plastico-h-red.gif (vermelho)
../criar-menus-css/horizontal-cobertura/imagens/bg-bubplastic.gif
Observe que esta página tem links para duas folhas de estilos.
|
