Oi Meninas!
Hoje eu trouxe um tutorial de um menu feito por mim (BW).Ele
é simples e fofo,tem uma sombra e quando passa o mouse fica escuro.Simples e
bonitinho.Se quiserem ver uma prévia clique
aqui!
Agora venha pra conferir o tuto!
Primeiro você irá no seu html,aperta f3 e procura pela tag:
Acima cole o seguinte código:]]></b:skin>
blue{border-radius:5px;text-align:center;font-size: 11px; /* Tamanho da fonte do menu */Depois você salva e vai no layout.Cole o seguinte código num gadget html/java script:
background: #ADD8E6; /* Fundo do menu */
padding: 2px;text-shadow:0px 1px#fff;float: left;margin: 2px;cursor:help; /* cursor*/width: 45%; /* tamanho do menu*/
-webkit-transition-duration: .80s; /* efeito fade */
color: #000; /* cor da fonte quando passa o mouse */
box-shadow: inset 0 0 10px #00BFFF;}
blue:hover{
border-radius:5px;
font-size: 11px; /* Tamanho da fonte do menu */
background: #00BFFF; /* fundo do menu quando passa o mouse */
text-shadow:0px 1px#fff;color: #000; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s; }
<a href="Link aqui"><blue> Nome da url aqui</blue></a>
<a href="Link aqui"><blue> Nome da url aqui</blue></a>
<a href="Link aqui"><blue> Nome da url aqui</blue></a>
<a href="Link aqui"><blue> Nome da url aqui</blue></a>
Pronto,espero que tenham gostado!
@Bia-Chan
Bem legal o tutorial vou tentar fazer , ainda mais que estou editando o blog ...Bjos até mais .
ResponderExcluirdeeeeeeeeeeeeeebora! aaaaaaaaah que lindo ta o teu layout :O ficoooooooou lindoooooooooooo !
ResponderExcluirameeeeeeeeeeeei to gamada nas cores!
cuuurtii esse menu uahsdhusaud beeeeeem tri! :D
beeeeeeijoos s2
Cri...cri..cri!Gostaram?:)
ResponderExcluirSiim:D
ResponderExcluirÓtimo tuto Bia!
ResponderExcluirAdorei o menu! *-*
ResponderExcluirFica lindo <3
Kissus :3
mikicandy.blogspot.com
Awnnn amei o tutorial! Ficou lindinho!
ResponderExcluirUm beijão, tou seguindo aqui!
Emi.
thechatacherrie.blogspot.com