Menu em estado Hover

AVISO: Editei a página de Goodies, tava desorganizada :s confira!
Oi amorecos ♥ Eu já ia dormir, mais resolvi fazer esse post se não eu não ia dormir tranquila u_u, bom, eu peguei esse tuto aqui ( cdts ). Enfim: Esse tuto ensina como fazer um Menu Hover, o que é? bom, é bem simples, se trata de um Menu em imagens ( Home, Goodies, Afiliados, essas coisas ) que, ao passar o mouse, ele muda sua forma,cor, fonte, você escolhe

Caso você não entendeu o "estado hover",
Exemplo:

Vamos aprender?
É bem simples. Nada de editar seu HTML... É só adicionar um gadget "HTML/JavaScript" e colar esse código:
<center><a href="link do seu blog"><img src="URL da imagem normal" onmouseout="this.src='Repita a URL da imagem normal';" onmouseover="this.src='URL da imagem no estado hover';" /></a></center>
Obs: Repita esse código a cada 'menu/imagem' que você quer que o blog contenha.

link do seu blog: Substitua pelo link da página ( que você quer que apareça ao clicar )

URL da imagem normal: Substitua pelo link da imagem que queira colocar.

Repita a URL da imagem normal: O mesmo que acima /\

URL da imagem no estado hover: Substitua pelo link da imagem que você quer que apareça ao relar o mouse ( ou melhor, o hover )


1.Se você não quiser o menu centralizado, é só apagar as tags do começo e do fim ( <center> & </center> respectivamente )

2.é importante que todas as imagens tenham a mesma altura e que a posição das letras fique o mais semelhante possível.

Fácil, não?

8 comentários:

  1. Esse menu é muito fofo, ele é super simples e útil.

    anainstant.blogspot.com

    ResponderExcluir
  2. muito lindo o menu :3 aceito sim sua afiliação flor! beijos.
    http://cherrylandforever.blogspot.com.br/

    ResponderExcluir
  3. Heloísa,já te coloquei nós afliados,você tem ate sexta para me colocar nós seus afiliados,e ja estou seguindo seu blog,segue o meu? >3<

    ResponderExcluir

Regras:
-Aceito críticas, porém, comentários ofensivos/maldosos serão apagados.
-Não aceito mais: Seguindo, segue de volta?
-Coloque o link de seu Blog no fim do comentário, é garantido que irei visita-lo e dependendo do conteúdo, até posso segui-lo :3
-Comente a vontade!