22 de out de 2012

Tutorial: Menu Stretch

http://4.bp.blogspot.com/-QBZNKj-eyAA/UHIBhRxKhoI/AAAAAAAABa8/wzq16fTXP-0/s1600/23.jpg
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!


2 comentários:

  1. ótimo tutu, tá bem explicadinho s2

    A Little More Than Gloss (clica no perfil)

    Facebook - http://www.facebook.com/pages/A-Little-More-Than-Gloss/441402675896884

    bjs !!

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...