Cute Menu

Pessoal vou ensinar a fazer um menu super cute para vocês!

clique em Mais Informações para aprender a fazer!

Bom vamos lá!

Primeiro vá em Design > EditarHTML

Agora precione as teclas CTRL+F  e procure por:

}]]></b:skin>

Ou por

]]></b:skin>

Quando achar a tag cole logo acima dela o codigo abaixo!

/* Cute Menu

----------------------------------------------- */

#menuextra {

display : block;

font-size: 11px;

font-family: Tahoma;

letter-spacing : 0;

border-bottom : 1px dashed #CDB7B5;

background-repeat : no-repeat;

text-indent : 5px;

vertical-align : middle;

text-decoration : none;

line-height : 15px;

margin-bottom : 1px;

background : url('URL DO MINE GIF 1') no-repeat left;

padding-left : 10px;

}

#menuextra:hover {

display : block;

text-decoration : none;

vertical-align : middle;

line-height : 15px;

border-bottom : 1px dashed #FF69B4;

background : url('URL DO MINE GIF 2') no-repeat left;

padding-left : 10px;

}

Passo 1

Logo após de colar o codigo esta na hora de personalizar seu menu

com sua preferência!

•Onde tem URL DO GIF 1 coloque a url do mine gif que que irá aparecer quando o mouse não estiver no link .

•Onde tem URL DO MINE GIF 2 você coloca a url do mine gif que irá aparecer quando o mouse passar por cima do link.

(Tente usar minigifs pequenos e não grandes se não ficará esquisito)

Exemplos:

•Mine Gifs

Passo 2

•Onde tem o código : #CDB7B5

é a cor da barrinha pontilhada que sublinha o link quando o mouse não está no link.

•Onde tem o código :  #FF69B4

é a cor da barrinha que sublinha o link quando o mouse passa por cima.


quando terminar , salve o modelo.

Ok então é isso tomara que tenhão gostado!!

Ok,terminamos a primeira parte ,agora vamos fazer com que o estilo seja adicionado nos links.

onde você quer que apareçam os link com esse estilo ,seja em um gadget ou postagem você vai em editar html e cola o seguinte código: 

<div id="menuextra"><a href="Link ">Nome do link</a>

</div>

<div id="menuextra"><a href="Link">Nome do link</a></div>

se for em uma postagem ou página , você coloca o código e volta para a opção escrever pois facilita

Daí você verá apenas os links , que terão o nome '' Nome do link '' daí é só você clicar em cima,ir na opção alterar , e alterar o nome e o link e salvar , veja :

Depois é só ir adicionando mais códigos do link e nome do link para mais links existentes na página.

Agora se você for colocar o código em um gadget , prefira colocar os links e nome através do código em html pois nos gadgets que eu lembre não tem a opção alterar.


Caso um dia queira tirar é  só retirar apenas o código que foi colocado no html

Creditos aqui 

Beijinhos