segunda-feira, 23 de janeiro de 2012

0

Semana de niver-Parte1

Tumblr_ly5ls9lcbe1r52kfeo1_500_large
Hoy meus brigadeirinhos hoje nós iremos começar a nossa semana de niver bem porque na Quarta-Feira dia 25 o blog faz um aninho e para comemorar todos os dias eu vou fazer um tutorial e o de hoje é de como criar um menu cute
então eu procurei ele por todo canto então achei no TT os créditos são da Candy mas enfim vamos ao tutorial...

Antes de fazer o tutorial salve o seu HTML algum programa tipo o Office Word


Primeiro eu confesso que é um pouco complicado sim mas o resultado é lindo

Agora vá em Design > Editar Html , pressione as teclas Ctrl + F e procure por :

}]]></b:skin>

ou por 

]]></b:skin>
  depois de ter achado cole isto acima do tag
/* 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;
}


Vamos personalizar!!!
Onde estiver de vermelho é a cor do sublinhado quando mouse não está no link.
E o Azul é cor do sublinhado quando mouse está no link. 

Mas onde está URL DO MINE GIF 1 é onde fica o o gif quando mouse não está no link
e onde está URL DO MINE GIF 2 é onde fica o gif de quando mouse está no link.

Não acaba por aqui o tutorial, agora vamos adicionado nos links onde você quer que apareçam os link com esse estilo,seja em uma página(como o meu) 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 :

texto á ser exibido:Mini gifs
Este link deve direcionar para que URL?
http://evelyns-place.com.br/mini-gifs/

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

Agora está prontinho duvidas????
amanha eu postarei avatares, mini gifs,PNG's e backrounds
xoxo Mih  u_u 

Nenhum comentário: