OOi minhas flores ! Tudo bom com vocês ?
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