17.12.12

Menu Smooth



Boa tarde gente!

Estão morrendo de calor aí também? Aqui pelo menos está um verdadeiro inferno. E como se o calor já não bastasse ainda tem esses benditos pernilongos... O pior nem é de dia, e sim de noite. Ou você morre de calor com a coberta, ou fica descoberto e fresquinho, porém todo picado! Por isso que eu odeio calor... Mas enfim, hoje trouxe para você um menuzinho.  É aquele que eu usava no layout verde-água, o anterior ao anterior (lol). O menu e o código dele foram feitos por mim, mas a ideia eu tirei desse daqui.


Clique em Leia Mais e veja o tutorial




Procure no seu HTML por ]]></b:skin> e Acima dessa tag cole:


.menusmooth{
display: inline;
color: #fff; /*cor da letra*/
text-shadow: 0px 0px 10px #828282; /*cor da sombra*/
-webkit-transition-duration: 1.0s;
font-size: 20px; /*tamanho da letra*/
margin: 5px;
font-family: khmer UI; /*fonte*/
}

.menusmooth:hover{
color: transparent;
text-shadow: 0px 0px 15px #bababa; /*cor de quando passa o mouse*/
opacity: 1.0;
text-decoration: none;
}

Está tudo explicado entre /* e */. Agora adicione um gadget de HTML/javascript e cole:


<a href="LINK/"><div class="menusmooth">Home</div>
<a href="LINK"><div class="menusmooth">Sobre</div>
<a href="LINK"><div class="menusmooth">Tutoriais</div>
<a href="LINK"><div class="menusmooth">Goodies</div>
<a href="LINK"><div class="menusmooth">F.a.q</div>
</a></a></a></a></a>



Troque LINK pelo link correspondente. Salve e pronto! Espero que tenham gostado! Beijos ♥








7 comentários:

  1. Amei o tutorial, talvez eu use no meu próximo layout, mas eu gosto mais de menu na sidebar!!
    Tem vaga para afiliação?

    rascunhosdecaneta.blogspot.com

    ResponderExcluir
  2. Flor há alguns dias eu perguntei se aceitava afiliação, você não respondeu, mais bem você aceita? (P.S: Eu vou usar esse menu no próximo lay, ele é liindo ^-^)

    ResponderExcluir
  3. Gostei bastante desse menu, ele é bem simples e isso é uma das coisas para ter um Lay perfeito... :)

    ResponderExcluir
  4. Ameeeeeeei,veeeei. Eu procurei um menu desse tipo a tempos. Que ótimo que tú é diva e criou um AHSUHUAS. No proximo eu acho que vou usar *0*

    loucasmaniaas.blogspot.com

    ResponderExcluir
  5. O menu é muito legal! Adorei, até usaria mas acabei de trocar de lay =/

    omeubrilhantemundo.tk

    ResponderExcluir
  6. Lindo esse feito, adorei. Tutorial super fácil
    :3

    BANGTEEN.BLOGSPOT.COM

    ResponderExcluir
  7. Lindo, esse menu *-*
    Feliz Natal, Cat Girl

    ResponderExcluir