7 de jul de 2012

Não morri+Tutorial

               Tumblr_lyx6fzsqcs1qijksmo1_500_large
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;} 
Depois procure pelo seguinte códico  <body expr:class='&quot;loading&quot; + 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:

Ana Beatriz disse...

Lah minha flor selinho para vc no meu blog ^^
http://queridomundoteen.blogspot.com.br/

Leeeh disse...

Muuito lindo o blog,achei super cut *--*
Seguindo...Retribui ?
http://mebeliscablog.blogspot.com.br/

Leeeh disse...

Muuito lindo o blog,achei super cut *--*
Seguindo...Retribui ?
http://mebeliscablog.blogspot.com.br/

Duda disse...

Seu blog é lindissimo,ameeei
seguindo,segue de volta?
diariodadudaoficial.blogspot.com

Bell Lopes disse...

Da uma passadinha lá no meu site,e se puder segue?
http://meumundopinup.blogspot.com.br/

Sweet Girl disse...

Oiie flor !
amei seu tuto ... muito util
me add no msn ?
nicoli_11.s@hotmail.com

www.sweet----girl.blogspot.com.br
Bezoos ~~

ana b | disse...

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")

Sweet Magia disse...

Adorei esse menu, pois e tudo de bom. Bjs!!! Retribua o comnetario....

Sweet Magia disse...

SweetMagia <<<