Image Map

Como Fazer Um Menu Folinha


Olá meus CupCakes...

Hoje vou mostrar como colocar o menu folinha no seu blog.

O resultado é esse:
Onde está azul escuro é  menu quando o mouse não está por cima e onde está cinza é é o menu quando o mouse passa por cima, e você pode colocar as cores que quiser.

Vá em Design - Editar Html
marque a caixinha 'expandir modelos de widgets'
Pressione Ctrl + F vai aparecer uma caixinha de busca
nela pesquise por:

body {

e cole o código abaixo depois da última chave -->  }
exemplo

Código

un {
font-family: Tahoma; /* Fonte do Menu */
width: 25%; /* Tamanho do Menu */
* Cor do fun
float: left; background:#C6D3E3; /do do Menu */ padding: 5px;
px; -moz-border-radius: 03px; -w
text-align: center; margin: 2ebkit-border-radius: 30px 0px 30px 0px;
olor: #fff; /* Cor da fonte */ } un:ho
font-size: 08pt; /* Tamanho da fonte */ cver { font-family: Tahoma; /* Fonte do Menu quando passa o mouse */
ackground:#7897BC; /* Cor do fundo do Menu quando pass
width: 25%; /* Tamanho do Menu quando passa o mouse */ float: left; ba o mouse */ padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px;
quando passa o mouse */ color: #fff; /* C
-webkit-border-radius: 0px 30px 0px 30px; font-size: 08pt; /* Tamanho da fonte do Menu or da fonte do Menu quando passa o mouse */
}


Salve.
Vá em elementos de página e adicione um gadget de Html
no Gadget cole o código abaixo:

<a href="Link aqui"><un>Nome Aqui</un></a>

Onde está escrito Nome aqui você coloca o nome da página e onde está escrito Link aqui você coloca o link da página.
Exemplo se você colocar Home como nome da página coloque o Link de home onde está Link aqui.
Lembrando que cada página que você for colocar no seu menu você tem que colocar o código acima.
Salve.

Pronto fácil não? não posso falar nada pois para mim é difícil.



Beijoooones  S2

Nenhum comentário:

Postar um comentário

Vai comentar? Que bom! Só não esqueça das regrinhas:

* Não xingue.
* Não ofenda ninguém.
* Deixe o link do seu blog e/ou site (se tiver).
* Tenha educação!