#DicaRápida como personalizar um menu sem saber html/css !

Olá gatinhas e gatinhos que amam tutoriais para deixar o blog bem decorado! Enfim, hoje vou mostrar uma dica básica para enfeitar um menu sem precisar saber html e css, apenas vou deixar um código (que você também não precisa entende-lo).  Neste tutorial, vamos utilizar somente html (tem como fazer com css tb)
Então, como eu fiz? primeiramente, criei duas imagens (transparentes) no photoshop assim:

Certifique-se que o tamanho da primeira imagem é o mesmo que a da outra e que as letras estão nas mesmas posições.
Aqui no blog eu postei algo do tipo: Imagem que muda ao clicar ou passar o mouse que também pode ser útil para você e que já falei disso várias e várias vezes. ( Leia para entender o tutorial)

Então, vamos ao que interessa, você vai hospedar essa imagem em qualquer servidor (aqui no blog tem várias indicações de servidores de hospedagem).

Como o menu ficará: (passe o mouse)

Está vendo? Por isso que é importante manter as duas imagens no mesmo tamanho e na mesma posição.
Agora vamos para a parte do código:
<a href="LINK DO MENU"><img src="URL DA PRIMEIRA IMG" onmouseout="this.src='URL DA PRIMEIRA IMG'" onmouseover="this.src=' URL DA IMAGEM AO PASSAR O MOUSE'" /></a>
Por favor, não remova nenhuma aspa para que dê certo ... :)

0 comentários:

Postar um comentário

Obrigada por comentar, deixe seu blog no comentário para eu retribuir *-*