Olá pequenas coisas que amo tudo bem? Comigo ótimo,bom eu não morri,né..porque faz tempo que não posto aqui,me desculpem pessoinhas querida é que tava sem tempo,sabem? Agora vou tentar postar mas recentemente,com mais frequência,bom trouxe um tutorial bem útil,como fazer o menu passe o mause?
Para vocês entenderem melhor,aqui esta o gif
Vamos lá,primeiro de tudo abra seu html e procure por
]]></b:skin>Depois de ter feito isso,e ter encontrado a tag,cole este códico antes dela:
. Menuam {width: 185px; padding: 13px; height: 100%; border-right: 8px solid # cbd6df; background: # efefef; color: #; top: 0; margin: 0; position: fixed; esquerda: 200px- ; height: 100%;-webkit-transição: todos os 0,3 s facilidade fora;-moz-transição: todos os 0,3 s facilidade fora;-o-transição: todos os 0,3 s facilidade fora; transição: todos os 0,3 s facilidade-out ; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;} . Menuam: hover {left: 0;-webkit-transição: todos os 0,3 s facilidade fora;-moz-transição: todos os 0,3 s facilidade fora;-o-transição: todos os 0,3 s facilidade fora; transição: todos os 0,3 s facilidade para fora;}
. Menuam a {border: none; background: # 6881AB; color: # fff; padding: 5px; display: block; width: 100%; text-transform: uppercase;-webkit-transição: todos os 0,1 s facilidade fora; - moz-transição: todos os 0,1 s facilidade fora;-o-transição: todos os 0,1 s facilidade fora; transição: todos os 0,1 s facilidade fora; font-size: 7pt; margin: 5px-10px; text-shadow: 0 1px # 1px;}
. Menuam a: hover {background: # 919191;-webkit-transição: todos os 0,1 s facilidade fora;-moz-transição: todos os 0,1 s facilidade fora;-o-transição: todos os 0,1 s facilidade fora; transição: todos 0,1 s facilidade fora; padding-left: 20px;}
. Menuam a: first-child. {Margin-top: 10px;} menuam a: last-child {margin-bottom: 0px;}
. Menuam a {padding: 4px 6px;}
. Menuam a {border: none; background: # 6881AB; color: # fff; padding: 5px; display: block; width: 100%; text-transform: uppercase;-webkit-transição: todos os 0,1 s facilidade fora; - moz-transição: todos os 0,1 s facilidade fora;-o-transição: todos os 0,1 s facilidade fora; transição: todos os 0,1 s facilidade fora; font-size: 7pt; margin: 5px-10px; text-shadow: 0 1px # 1px;}
. Menuam a: hover {background: # 919191;-webkit-transição: todos os 0,1 s facilidade fora;-moz-transição: todos os 0,1 s facilidade fora;-o-transição: todos os 0,1 s facilidade fora; transição: todos 0,1 s facilidade fora; padding-left: 20px;}
. Menuam a: first-child. {Margin-top: 10px;} menuam a: last-child {margin-bottom: 0px;}
. Menuam a {padding: 4px 6px;}
Depois procure pelo seguinte códico <body expr:class='"loading" + data:blog.mobileClass'>
e cole acima da tag esse códico:
<div class="menuam"> <a rel="nofollow"><font style=" text-transform: none; font: italic 20px georgia;"><div align="left">Título do Blog</div></font></a> <a href="/">volte ao início</a> <a href="URL DA PÁGINA" onClick="changeNavigation('profile');">sobre mim</a> <a href="URL DA PÁGINA" onClick="changeNavigation('ask');">pergunte-me</a> <a href="URL DA PÁGINA" onClick="changeNavigation('extras');">extras</a> <a href="/random">random</a> </div>
Edite conforme você deseja,e pronto...beiijos
Créditos: Photoscape.com
9 comentários:
Lah minha flor selinho para vc no meu blog ^^
http://queridomundoteen.blogspot.com.br/
Muuito lindo o blog,achei super cut *--*
Seguindo...Retribui ?
http://mebeliscablog.blogspot.com.br/
Muuito lindo o blog,achei super cut *--*
Seguindo...Retribui ?
http://mebeliscablog.blogspot.com.br/
Seu blog é lindissimo,ameeei
seguindo,segue de volta?
diariodadudaoficial.blogspot.com
Da uma passadinha lá no meu site,e se puder segue?
http://meumundopinup.blogspot.com.br/
Oiie flor !
amei seu tuto ... muito util
me add no msn ?
nicoli_11.s@hotmail.com
www.sweet----girl.blogspot.com.br
Bezoos ~~
Adorooooooo, fcica super fofinho esse menu! Mas sei lá, prefiro o meu, de abas mesmo. Seguindo aqui :)
Beijos,
Sim Senhorita (Clica no perfil, por favor :) Não quero que meu blog seja excluído por "spam")
Adorei esse menu, pois e tudo de bom. Bjs!!! Retribua o comnetario....
SweetMagia <<<
Postar um comentário