22/09/2012

menu de coração


Hoje vou ensinar um menu do tumblr que eu  transformei para blogger,que fica muito fofo se você quer fazer um menu tipo uma listagem.
vamos logo ao tuto?
CLIQUE EM LEIA MAIS...
VÁ em MODELO DEPOIS CLIQUE EM EDITAR HTML E PROCURE POR
  ]]></b:skin>


LOGO ACIMA COLE ESSE CÓDIGO:
.heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background: 
url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px; 
padding-bottom : 2px;}

.heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}





Depois de ter feito isso salve e vá em layout,adicionar gadgets/html javascript
e cole:
<div class="heart">Palavra ou frase.</div>

e pronto!!

LEMBRANDO QUE ACHEI O CÓDIGO NO HAVING THEMES eu apenas transformei para funcionar no blogge.

SE USAR OU REBLOGAR CREDITE O BLOG!!



6 comentários: