Menu Editável

pitacosdelua.blogspot.com

Bom, já perceberam que estou empolgada com os menus né?

Então, mes este menu que venho trazer não é mapeado, é um menu editavel. Você poderá mudar os links e o nome da pagina que vai aparecer... Legal né?

Vamos lá, este que coloquei é rosa, mas voce pode colocar a cor que quiser, até colorido...

O site para ver as cores é este aqui

Menu 

Código

<div style="text-align: center;"> 

<span style='border-radius: 3px; 

background-color:#FFC0CB; 

padding: 5px 15px 5px 15px;'> 

<a href="Link1 ">Inicio</a></span>

<span style='border-radius: 3px; 

background-color:#FFC0CB;  

padding:  5px 15px 5px 15px;'> 

<a href="Link2">Editar 2</a></span>

<span style='border-radius: 3px;

background-color:#FFC0CB; 

padding: 5px 15px 5px 15px;'> 

<a href=" Link3 ">Editar 3</a></span>

<span style='border-radius:3px;

background-color:#FFC0CB; 

padding: 5px 15px 5px 15px;'> 

<a href=" Link4">Editar 4</a></span>

<span style='border-radius: 3px;

background-color:#FFC0CB; 

padding: 5px 15px 5px 15px;'> 

<a href="Link5/">Editar 5</a></span>

</div>  

Entendendo Melhor

Copie e leve ao bloco de notas para fazer as alterações.

Border-radius é o arredondado do menu, quanto maior o numero mais redondinho fica.

Background-color é a cor do fundo do menu em cada um você pode colocar uma cor diferente se quiser.

E onde está Link, Link 2, Link 3... Você coloca o link da pagina que quer no menu, 

Onde está Editar 1, Editar 2... Você coloca o nome da pagina...

Legal né? Aprendi no Site da *Elaine Gaspareto*

Para usar vá em layout-Adicionar gadget-HTML/JavaScript e cole la.

Posicione onde quiser...

Espero que tenha gostado...

Comente!