13/01/2013

Tutorial - Menu hover deslizante



Hello My Loves

Oi Oi Oiii , Boa Tarde !! , Primeiro Post de Hoje Né ? Bom Hoje é domingo , estar super chato ;S , Acho que a Yasmin não vai postar hoje , e nem eu vou postar no MY MAGICAL WORLD , SódoMal! , Então Acho que Vou postar no Minimo Uns 3 posts por aqui hoje , e eu ainda tenho que ajeitar um blog de uma amiga , que tá querendo aprender um pouco mais sobre o mundo dos blog's --' , o Pior de tudo é ensinar a quem não entende o que é HTML , Mais vamos Lá o Post É Um tuto , é o Menu Hover Deslizante Lá do Kawaii World , É Super Fofinho Mais eu não uso , A Maioria Usa Como Status do Blog Então tá Aqui Para Vocês , Se Usarem Crédite o Kawaii World Ok ? 

Kiss De Uva ;*



1. Vá até editar HTML e procure por ]]></b:skin>. Acima do código encontrado, cole:

.heart {
display : block;
 font-size: 10px;
font-family: Tahoma;
letter-spacing : 0;
border-bottom : 1px solid #eee;
background-repeat : no-repeat;  
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
 line-height : 15px;
margin-bottom : 1px;
padding-left : 3px;
 -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;
border-left: solid #CORDABORDA;
background: #CORDOFUNDO;
 color: #666 !important;
}
.heart:hover {
display : block;
text-decoration: none;
 vertical-align: middle;
line-height: 15px;
background: #CORDOFUNDOHOVER;
 border-left: solid #CORDABORDAHOVER;
 padding-left: 15px;}

Troque as partes em negrito pelo que elas representam e depois salve.


2. Em um gadget de HTML/JavaScript, cole:

<div class="heart"> Seu texto </div>
Créditos - KW ♥ 

10 comentários:

  1. Eu já usei esse menu, fica muito lindo! Amo esse tutorial!
    Adicionei você no facebook! Aceito afiliação linda!
    Beijoos! Já te coloquei lá! >o<

    Rascunhos de Caneta =)

    ResponderExcluir
  2. Acho muito divo esse menu, ou status né SHSUAHSU'
    Cake Of Tutorials

    ResponderExcluir
  3. Oi flor!
    estou passando para retribui a linda visita e conhece seu blog, eu adorei tudo aqui, estou seguindo!
    BEIJOS!!

    rarosej.blogspot.com.br

    ResponderExcluir
  4. esse menu é muito lindo, eu tentei fazer ele mas não consegui 'o'

    Flor da uma olhada no meu blog?
    se me seguir eu sigo de volta o/
    http://dechels.blogspot.com.br/

    ResponderExcluir
  5. Este menu é muito fofo *-*
    Adorei o seu blog, ele é lindíssimo!
    Toda Desastrada

    ResponderExcluir
  6. Obrigado Minha Flor , Adoro seu blog *----* ♥

    ResponderExcluir