13.11.12

Tutorial: Menu com efeito deslizante sem js

              Tr9a5hdazrts_large               
                                       Olá meus Fofos!! ^^'
aqui estou denovo com mas um tuto bem legal!! querem ver?? Let's Go>>





                       Dê CTRL+F e procure por: body {
Achou? Cole o código do menu acima dele:


//* Menu Deslizante by: www.tutoriar.com *//
deslizante{
color: #d0dab0;
padding: 4px;
-webkit-transition-duration: .50s;
font-size:13px;
border-bottom:1px solid #ccc;
display:block;
line-height:15px;
vertical-align:middle;
background-repeat:no-repeat;
text-indent:7px;
}
deslizante:hover{
color: #f98ea2;
-webkit-transition-duration: .50s;
display:block;
line-height:15px;
vertical-align:middle;
background-repeat:no-repeat;
text-indent:16px;
}
//* Fim do menu deslizante *//

Nem presciso de instrução né gente, é facinho de editar, mas se você tiver dúvida é só comentar viu?
Agora, para usá-lo adcione um gadget html/javascript e cole :

<a href="LINK"><deslizante>NOME</ deslizante ></a></div> 
<a href="LINK"><deslizante>NOME</ deslizante ></a></div> 
<a href="LINK"><deslizante>NOME</ deslizante ></a></div>
<a href="LINK"><deslizante>NOME</ deslizante ></a></div>
<a href="LINK"><deslizante>NOME</ deslizante ></a></div>
<a href="LINK"><deslizante>NOME</ deslizante ></a></div>


Pronto ! Espero que tenham gostado,comentem!!!

Créditos ao blog: Tutoriar.com 

7 comentários:

  1. Fantastico!! *-* talvez use em um layout proximo do Pankax ^^-

    ResponderExcluir
  2. Respostas
    1. Desculpa Lu,mais é que eu só aceito fazer afiliação com quem tem mais ou menos 15 seguidores!!! Me desculpa,mais assim que vc tiver me fala que eu te coloco!!
      ^.^

      Excluir
    2. ta assim que eu conseguir eu te falo

      Excluir