sexta-feira, 16 de novembro de 2012

Tutorial : Menu

OOi minhas flores ! Tudo bom com vocês ?
Que fofa essa imagem né?!!
Sabe oque eu trouxe pra vocês hoje ? um super tutorial ,muito fácil e muito Lindo .
      Oque é ? Um Menu ,lindo ! 
Então clique em Leia Mais e confira !

Passos : Vá em Designer>>HTML>>Ctrl F >> e procure por > ]]></b:skin>

Em seguida cole acima desse código esse outro :

/* Menu Miki Candy */
cute{
text-align:center;
font-size: 10px; /* Tamanho da fonte do menu */
background: #FFC0CB; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /* cursor, troque tb por: help, normal etc ...*/
width: 45%; /* tamanho do menu
-webkit-transition-duration: .80s; /* efeito fade */
border:1px dashed #87CEEB; /* bordas */
color: #fff; /* cor da fonte quando passa o mouse */
}
cute:hover{
font-size: 10px; /* Tamanho da fonte do menu */
background: #ADD8E6; /* fundo do menu quando passa o mouse */
border:1px solid #FF69B4; /* bordas quando passa o mouse */
color: #fff; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
letter-spacing: 3px; /* espaço das letras hover */
}


Para o menu funcionar salve e logo depois vá em >> Layout>>Adicionar um Gadget>>JavaScript  e cole esse código:

<a href="URL DA PAGINA"><cute> NOME DA PAGINA</cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a></div></div>

Faça as modificações indicadas, e pronto!

Créditos ao blog : Miki Candy 

Beijinhos ! Post By: LuGarcia

Nenhum comentário:

Postar um comentário