Olá caro
1° Tu irá pegar duas imagens, uma ela normal da cor que quiser, a outra tu pint o interior de branco e baixa a opacidade.
2° Vá no menu e adicione o seguinte código:
- Código:
<a href="link"><img src="link imagem sem mouse" border="0" onmouseover="this.src='link imagem com mouse em cima'" onmouseout="this.src='link imagem sem mouse'"></a>
Sendo que "
link imagem sem mouse" é a imagem normal na qual opacidade estará 100%, e que
"
link da imagem com mouse em cima" é o link da imagem com opacidade baixa!
Pronto, ai está um exemplo:
- Exemplo:
<a href="http://alonehotel.com.br" target='blank'><img src="https://i.imgur.com/pqajC.png" border="0" onmouseover="this.src='https://i.imgur.com/8huL5.png'" onmouseout="this.src='https://i.imgur.com/pqajC.png'">
Passar bem!