31 de mar de 2013

Tutorial: menu de corações

Tumblr_m5bawydnfx1rxyobzo1_500_large

Hello my cupcakes! Tudo bem? Bom, hoje irei ensiná-los a fazer o menu de corações. Ele é muito fofo e serve tanto para o menu de navegação quanto para a elite de afiliados e área de créditos. Cliquem em leia mais e aprendam a fazer o menu mais fofo do mundo :)
créditos: 



vá no HTML do seu blog  procure por ]]></b:skin>  acima dele cole:
/* Menu de corações por Cute Time, se usar credite */
bolgt {

font-family: verdana; 
letter-spacing: 1px; 
font-size: 11px; 
line-height: 12px; 
display: inline-block; 
background: #6CA6CD; 
color: #CCC; 
width: 12px; 
padding: 5px; 
margin: 1px; 
text-align: center; 
text-transform: lowercase; 
-webkit-border-radius: 30px 30px 30px 30px; 
-moz-transition: all 1.5s ease-in-out!important; 
-o-transition: all 1.5s ease-in-out!important; 
transition: all 1.5s ease-in-out!important; 
-webkit-transition: all 1.5s ease-in-out!important;
}
bolgt:hover {

font-family: verdana; 
letter-spacing: 1px; 
font-size: 11px; 
line-height: 12px; 
display: inline-block; 
background: #fff; 
color: #4682B4; 
width: 12px;
}
Edite os códigos destacados em itálico e nada mais! 
vá em Layout  Adicionar um gadget HTML/JavaScript e nele cole:
<a href="/" title="nome"><bolgt></bolgt></a>
<a href="/" title="
nome"><bolgt>♥</bolgt></a>
<a href="/" title="
nome"><bolgt>♥</bolgt></a>
<a href="/" title="
nome"><bolgt>♥</bolgt></a>
<a href="/" title="
nome"><bolgt>♥</bolgt></a>
<a href="/" title="nome"><bolgt>♥</bolgt></a> 

Lembre-se de sempre colocar nomes curtos nos links! Espero que tenham gostado do tutorial!
Posso pedir um favor? Bom, é que uma amiga virtual me pediu ajuda com a divulgação do ovo blog dela. Enfim, queria pedir para que vocês o visitem, pode ser? Ficarei muito feliz em poder ajudá-la! Cliquem aqui e visitem!

9 comentários:

  1. Socorro que menu perfeito, acho que vou usar ele no próximo lay (sério ta tão divo!!)

    Cliquesnocapricho.blogspot.com

    ResponderExcluir
  2. Awwnt, que coisa fofa *-*
    Amei. Beijos...
    geracao-de-fe.blogspot.com

    ResponderExcluir
  3. Estou fazendo um lay free agora mesmo e com certeza vou usar ;)
    Bjoos
    Blogger-my-space.blogspot.com.br

    ResponderExcluir
  4. ownnn que menu lindooo o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  5. Amore gosto sempre dos seus tutoriais pois assim ajuda as garotas novinha.

    Seguindo e Curtindo amore!

    Beijos @JUUSATO

    BLOG: www.dondokafashion.com

    ResponderExcluir
  6. ownn que layout maravilhoso flor!!
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  7. Ótimo tutorial,e eu amei demais esse menu xD
    Seu blog é muito lindo,ja estou seguindo se poder
    da uma passadinha no meu blog e segue :D
    http://loveforhtml.blogspot.com.br/

    ResponderExcluir
  8. Ownt, que fofo esse menu, amei muito, ele é lindo!
    Voltamos com o blog, venha nos visitar!
    Um beijo,
    www.flowerofcupcakes.blogspot.com

    ResponderExcluir
  9. Perfeito! Estou usando todos os tuto para o layout que to fazendo, então vou por seu blog na barrinha! Quando terminar posto o link! Obrigado!

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita