Menu cute

Tumblr_ltv7f5fbhl1qfruwqo1_500_large
ownt' *o*

Heey girls, e ai? muito chocolate ? booom, espero que sim rs' porque aqui nem sinal do tal coelhinho s: #CHATIADA.
Mas enfim,vou deixar toda essa minha ''chateação'' de lado (nem sei se existe essa palavra) e ensinar vocês um tuto bem fácil de como fazer um menu igual ao que eu uso aqui no blog. 
Esse menu eu peguei de algum blog que não faço a mínima ideia de qual seja. Então se foi você que criou os códigos por favor avise para que eu possa dar os merecidos créditos ! Enfim vamos começar :D





1.Vá em DESIGN EDITAR HTML pressione Ctrl + F e procure por :

]]></b:skin>


2. Acima dessa tag cole o seguinte código: 

/*Cute Menu -----------------------------------*/ #menuextra{ display: block; font-size: 11px; 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 MINI 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 MINI GIF 2') no-repeat left; padding-left: 10px; }

3. Editando o código:

Mini gif 95 URL DO GIF 1 coloque a url do mini gif que que irá aparecer quando o mouse NÃO estiver no link.
Mini gif 95 URL DO GIF 2 você coloca a url do mini gif que irá aparecer quando o mouse passar por cima do link.
Mini gif 95 Onde tem o código:#CDB7B5
é a cor da barrinha pontilhada que sublinha o link quando o mouse não está no link.
Mini gif 95 Onde tem o código:#FF69B4
é a cor da barrinha que sublinha o link quando o mouse passa por cima.

Salve o modelo

4. Agora para cole o seguinte código onde você quer que apareça fazendo as alterações que se pedem:


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


LINK - URL da página que irá ser redirecionada
NOME DO LINK - Será o nome da sua postagem

Ele funciona também em postagens mas no caso se você for usar como menu. Vá em  Design  Elementos da Página  Adicionar Um Gadget HTML/JavaScript 

Prontinho ! Salve e visualize 


Alguns mini gifs que podem ser usados aqui


0 comentários: