6.9.12

Tutorial -Menu Lateral

Bom eu retirei esse tutorial do blog Vodka e Coca (www)
A Sukone-chan pediu para mim ensina-la como fazia o menu lateral,e esse foi o site que eu peguei o tuto,bom agora vamos ao tuto?
Vá em Modelo e clique em Editar Html,depois de abrir vai parecer um tipo de advertência e aperte prosseguir depois  aperte f3 ou crtl f e procure por:

]]><b:skin>

Depois disso cole acima desse código isso:
/*MENU LATERAL*/
.menuam { width: 185px; padding: 13px; height: 100%; border-right: 8px solid #d62b44; background: #efefef; color: #; top: 0; margin: 0; position: fixed; left: -200px; height: 100%; -webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; cursor: default; font-weight: normal;  z-index: 12345; }
.menuam:hover { left: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.menuam a { border: none; background: #d62b44; color: #fff; padding: 5px; display: block; width: 100%; text-transform: uppercase; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; font-size: 7pt; margin: 5px -10px; text-shadow: 0 1px 1px #; }
.menuam a:hover { background: #919191; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; padding-left: 20px; }
.menuam a:first-child { margin-top: 10px; } .menuam a:last-child { margin-bottom: 0px; }
.menuam a { padding: 4px 6px;
} 

Agora procure por:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
E acima cole :


<div class='menuam'> <a rel='nofollow'><font style=' text-transform: none; font: italic 20px georgia;'><div align='left'> Titulo do Menu</div></font></a> <a href='URL DA PAGINA' onClick='changeNavigation(&apos;profile&apos;);'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation(&apos;profile&apos;);'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation(&apos;profile&apos;);'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation(&apos;profile&apos;);'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation(&apos;profile&apos;);'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation(&apos;profile&apos;);'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation(&apos;profile&apos;);'>NOME DA PAGINA</a>        </div> 

Visualize,veja se esta certo e pronto.Só um aviso,esse tipo de menu é super difícil de dar certo,se não fizer tudo certo,pode estragar seu HTML,inteiro!
Espero que de certo Sukone-chan

6 comentários:

Vai comentar? Muito obrigada, vai fazer uma louca feliz.
Mas antes temos umas regrinhas
♠- Apesar de eu falar palavrões, e de mais da conta, por favor se contenham com os palavrões também
♥- O Eternamente Otaku, e eu, Karin, adoramos novos rostinhos por aqui. Por isso não se acanhem em querer comentar.
♦- Eu respondo os comentários, as vezes demora um tempo, mas eu sempre respondo.
♣- Tua opinião é essencial para o blog. Mas claro, que espero que você tenha educação.
♠- Aceitos tags.
♥- Comente seu link no blog, mas recomendo que tenha cuidado, o google pode considerar spam.
♦- "Seguindo, segue?" Vou pensar ¬¬
Obrigada por comentar ♥