11 de dez de 2012

Tutorial: menu slip


Hello my cupcakes! Tudo bem? Bom, hoje eu vou ensinar vocês a fazerem o menu slip, um menu muito fofo que aprendi no The Lovers. Vamos ver o tutorial? Clique em leia mais!
primeiro, gostaria de avisar que ficarei sem internet por um tempo, por isso programarei as postagens e depois (quando tiver internet) irei moderar os comentários, okay?



Vá no HTML do seu blog  aperte F3  procure por: ]]></b:skin> 

acima desta tag cole:
.home {
float:left;
width: 130px;
height:60px;
-webkit-transition-duration: .90s;
background:url(LINKDAIMAGEM) no-repeat;
} .home:hover {
height: 80px;
}

Em LINK DA IMAGEM, vocês vão fazer uma imagem como essa aqui. Para aparecer a letra de baixo, basta você aumentar o height, que corresponde a altura, na parte hover. Lembre-se se mudar as partes em negrito pelo o nome da página de seu blog. 

agora iremos aplicar o menu ao blog. Para isso, vá em layout  adicione um gadget HTML/Javascript  nele cole o seguinte código:
<a href="LINK" class="home"></a>
E vá repetindo de acordo com o número de páginas que você quiser! Fácil, né?

7 comentários:

  1. Amei o menu.
    é lindo.
    Beijos
    nobodyslistenvi (blogspot)

    ResponderExcluir
  2. Oi amr.
    Passando por aqui..
    Deixando o novo link para contato - http://quandosetratadeumcoracao.blogspot.com.br/p/contato.html para que não fique só em comentários, rs!
    Beijo :**

    ResponderExcluir
  3. Oi Isa! Quando você vai postar o resultado do concurso? A enquete já terminou? ^^

    the-kawaii-smile

    ResponderExcluir
  4. Esse menu é lindo! :]

    Kissus
    gotas-de-fofura.blogspot.com

    ResponderExcluir
  5. Aceita isa,te colocarei mais tarde

    ResponderExcluir
  6. Olá! Ótimo tutorial! Esse menu é uma fofura, lindo demais ♥ Amei ♥

    Beijos, Mrs. Nightshade.

    ResponderExcluir
  7. Oi! eu gostava de ser divulgado pelo seu blog, será possível?

    http://are-you-gonna-be-my-girl.blogspot.com/

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita