22/02/2013

TUTORIAL-menu roll right

         
OLÁ!
Como devem ter percebido,o post do quadro relembrando foi excluído,pois quando um post não recebe comentários ele vira um  #FAIL,e esse post virou,então o quadro RELEMBRANDO foi extinto do blog, ok?
Para o post de hoje eu trouxe um menu muito bonito,que pode ajudar muito vocês,para visualizar clique aqui.
Para ir ao post,vocês já sabem onde clicar...



1° Vá em seu HTML, e procure por ]]></b:skin>, acima de ]]></b:skin>, cole:

#menu{
background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) right ;
width: 110px;
float: left;
height: 20px;
font: 20px Play;
color: #fff;
padding: 2px 0 6px 0;
text-align: center;border-radius: 7px;
margin: 5px;
text-transform: uppercase;
cursor: default;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#menu:hover {
opacity: .95;
background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) left ;
 color: #5f5147;
}

2°  Substitua a parte em negrito pelo o link de sua imagem, lembre-se que deve ser a mesma imagem nos links. Depois disso, adicione um gadget HTML/Javascript e cole o código:

<a href="link" id="menu">Link</a>

Fonte: Kawaii World



ESPERO QUE TENHA AJUDADO!

6 comentários:

  1. Yoo~
    Olha eu aqui \o/
    parece que vim na hora certa,estou fazendo um lay novo e esse menu é totalmente perfeito!!
    ps:Já avisando que vou usar!!
    Obrigado por ter aparecido lá no Sweet Vampire Dream!!
    Já estou seguindo!!
    http://sweet-vampire-dream.blogspot.com.br

    ResponderExcluir
    Respostas
    1. VALEU pelo comentário,seu blog é perfeito,com esse menu vai ficar ótimo!

      Excluir
  2. Este menu é muito fofo!
    ei ga vai querer ser blog irmão?

    ResponderExcluir
    Respostas
    1. claro!! te coloco outra hora ok? to ocupado fazendo utilitarios...

      Excluir
  3. concerteza esse menu é liiindo,sem falar que ele conbina com qualquer lay...se não me engano usei o menu uma vez...

    ResponderExcluir