Tutorial: Menu Stretch

Olá queridos!

Hoje eu vim com um tutorial que retirei do Kawaii World. Que é o Menu Stretch!

Querem Visualizar!? Entrem em meu blog de testes, que é este aqui!

Agora eu vou ensiná-los como se faz!

Vá em Modelo >> Editar HTML >> Aperte Ctrl + F e pesquise por:

]]></b:skin>

Acima  cole:

menu {

width: 60px;

height: 15px;

background: #DCDCDC; */ Cor de Fundo */

padding-top: 5px;

padding-bottom: 5px;

border-top: 3px solid #DB7093; */ Borda do Topo */

color: #DCDCDC; */ Cor da Fonte */

margin-right: 1px;

padding-left: 5px;

padding-right: 5px;

-webkit-transition-duration: .50s;

font-family: arial; */ Fonte */

}

menu:hover {

padding-bottom: 20px;

}

Salve.

Depois abra um HTML/ Java Script e cole:

<a href="URL"><menu>NOME</menu></a>

<a href="URL"><menu>NOME</menu></a>

<a href="URL"><menu>NOME</menu></a>

<a href="URL"><menu>NOME</menu></a>

Onde está URL você coloca o link da página, e NOME, O nome da página!

Simples não!???

Beijinhos!

Eu não vou postar durante a semana, pois minha mãe não deixa eu mexer no computador, hoje foi exceção! Não posso garantir nada nos outros dias! Foi só um aviso mesmo!