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!
Socorro que menu perfeito, acho que vou usar ele no próximo lay (sério ta tão divo!!)
ResponderExcluirCliquesnocapricho.blogspot.com
Awwnt, que coisa fofa *-*
ResponderExcluirAmei. Beijos...
geracao-de-fe.blogspot.com
Estou fazendo um lay free agora mesmo e com certeza vou usar ;)
ResponderExcluirBjoos
Blogger-my-space.blogspot.com.br
ownnn que menu lindooo o/
ResponderExcluiracervo-de-livros.blogspot.com
Amore gosto sempre dos seus tutoriais pois assim ajuda as garotas novinha.
ResponderExcluirSeguindo e Curtindo amore!
Beijos @JUUSATO
BLOG: www.dondokafashion.com
ownn que layout maravilhoso flor!!
ResponderExcluirhttp://fabiolucas92.blogspot.com.br/
Ótimo tutorial,e eu amei demais esse menu xD
ResponderExcluirSeu blog é muito lindo,ja estou seguindo se poder
da uma passadinha no meu blog e segue :D
http://loveforhtml.blogspot.com.br/
Ownt, que fofo esse menu, amei muito, ele é lindo!
ResponderExcluirVoltamos com o blog, venha nos visitar!
Um beijo,
www.flowerofcupcakes.blogspot.com
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