Efeito simples p/ botão

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Efeito simples p/ botão

Mensagem por nagash- em 23/05/13, 08:47 pm

Qual é minha questão:
Bom galera, estou planejando em construir um menu (em widget) com um efeito de troca de img ao passar o mouse, assim gostaria de saber o code que eu tenho que fazer pra gerar tal. Neles devem contem a img + img ao ser passado o mause + link do botão. Peço por favor se algum puder mostrar o modelo do código....

Segue abaixo caso o mesmo queira usar os moldes como exemplo:
img: http://i.imm.io/1756Z.png
img ao passar o mause: http://i.imm.io/1757y.png
link do botão: google.com



Grato

Endereço do meu fórum:
http://prologodivino.forumeiros.com

Versão do fórum:
PHPBB2


Última edição por nagash- em 25/05/13, 11:28 am, editado 1 vez(es)
avatar

nagash-
Nível 5

Masculino
Inscrito dia : 04/04/2013
Mensagens : 48
Pontos Ativos : 80

Ver perfil do usuário http://prologodivino.forumeiros.com/

Resolvido Re: Efeito simples p/ botão

Mensagem por inFows em 23/05/13, 08:58 pm

Olá,
Asçenda

Painel de Controle :seta2: Módulos :seta2: Portal & Widgets :seta2: Configuração do portal :seta2: Estrutura

<font color="darkblue"><img src="<font color="red">ENDERECO_DA_IMAGEM_NORMAL</font>" onmouseout="this.src='<font color="red">ENDERECO_DA_IMAGEM_NORMAL</font>';" onmouseover="this.src='<font color="green">ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE</font>';" /></font>

Ate mais. Piscada

inFows
Nível 9

Masculino
Inscrito dia : 20/04/2013
Mensagens : 217
Pontos Ativos : 315

Ver perfil do usuário

Resolvido Re: Efeito simples p/ botão

Mensagem por Diehl em 23/05/13, 09:15 pm

Tu quer um resultado mais ou menos como este?
Código:

<a href="http://www.google.com.br/"><img src="http://i.imm.io/1756Z.png" onmouseout="this.src='http://i.imm.io/1756Z.png';" onmouseover="this.src='http://i.imm.io/1757y.png';" /></a>


Se for, o "molde" é o seguinte.
Código:

<a href="ENDEREÇO_DA_PÁGINA"><img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" /></a>
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Efeito simples p/ botão

Mensagem por nagash- em 25/05/13, 11:27 am

Vlw ai! \o/
avatar

nagash-
Nível 5

Masculino
Inscrito dia : 04/04/2013
Mensagens : 48
Pontos Ativos : 80

Ver perfil do usuário http://prologodivino.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum