Tutorial: Menu com efeito deslizante sem js

                             
                                       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