Tutorial: Menu de Coração


Oi gente, tudo bem com vocês? Eu espero que sim.


Como foi os últimos dias de vocês? Eu fiquei meio chateada por que só hoje veio um único comentário do ultimo post que fiz. Espero que isso não aconteça mais.

Hoje eu vou postar um tutorial que eu acho que nunca fiz, é o menu de coração, que eu acho legal! Eu peguei do Generation Love
Vamos aprender? Lets go.


Primeiro vocês abrem o HTML -> F3 / Ctrl+F e procurem por:

body {


E depois coloque :

.heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #cordalinha; 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 #cordalinhahover; 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;}
E depois vá no seu layout e adicione um gadget HTML/JavaScript com esse codigo:


<a href="http://seulink.com"><div class="heart">Título do Link</div></a> 

E depois é só salvar!! Gostaram? 

Então por hoje é só. 

Beijos 

21 comentários:

  1. Oi amore, amei o blog, o tuto e talz. Obg por comentar no Adolescente Nerd.
    Sucesso com sua banda :D

    Adolescente Nerd

    ResponderExcluir
  2. que fofinho o menu ><
    Morangostambemfalam | blogspot

    ResponderExcluir
  3. Adorei o menu linda, obrigada pela visita no meu blog! Já te respondi lá e agora estou retribuindo o comment. Vou salvar, talvez eu use no próximo lay.

    ResponderExcluir
  4. Acho essa tutu ótima. Gostei do post flor !!

    A Little More Than Gloss (clica no perfil)

    bjs !!

    ResponderExcluir
  5. Muito lindinho amei <3
    Bjuuu

    @KeepSmilingKill
    gostinhoporsuicidio.

    ResponderExcluir
  6. Oi flor!! Adorei seu blog! Dá um passadinha no meu
    também: Cute Time

    ResponderExcluir
  7. Bom, pena que não tem o resultado do menu por que eu fiquei curiosa pra ver. Por isso vou testar no meu blog de teste.

    Que pena que você não recebeu tantos comentários o ultimo post :l Ja aconteceu comigo, é algo bem chato e que acaba com minha alegria de viver - exagerei -.

    To seguindo aqui. Retribui?? *o*
    -Goin Down-

    ResponderExcluir
    Respostas
    1. kkkk poisé acaba com a vida de qualquer um #Exagero

      Excluir
  8. Legal, menu de coração? *-* Nunca tinha visto!
    Que pena que não tem o preview pra eu saber como é =/ te aconselho a colocar, geralmente as pessoas querem isso.
    Ah flor, isso dos comentários acontece. Tem gente que é arrogante e simplesmente não responde ._.
    Beijo!
    Just Debee

    ResponderExcluir
    Respostas
    1. Obrigado pela dica!! Na proxima eu faço isso ok?

      Excluir
  9. ~ Oi Gatinha
    Vim fazer a visita semanal , uhul ^^
    Adorei esse menu, acho que vou inclui-lo no meu Lay ;]]

    Beijinhos ;* -Passa Lá ?
    Beatriz-officiels,blogspot,com

    ResponderExcluir
  10. deve ficar bem fofo o efeito!
    adorei esse cachorrinho fofo do post! que lindo!
    bjs

    Trash Rock

    ResponderExcluir
  11. Aii adorei esse tutu !!
    é bem facil e o resultado é lindo, fiz no meu blog de testes.
    Vou usar no meu próximo layout@!!
    ADOREI teu blog, to seguindooo
    Obg por seguir o meu o Coff Emilia.
    Beijinhos :3
    coffemilia.blogspot.com

    ResponderExcluir

Hooy peoples, quem quiser comentar é só clicar na caixa aqui em baixo !!
Pode falar palavrão sim, eu falo pacas, é bonito?? Nãaaao!!! kkkkk
Só não escrevam "seguindo, seguem de volta"
Eu visitarei seu blog, e se gostar seguirei por conta propria.

Agora podem comentar kkk