Mudar imagem ao passar o mouse

4 participantes

Ir para baixo

Tópico resolvido Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa 08.04.12 1:23

Qual é minha questão:
bom fui tentar fazer esse codigo de passar imagem em cima e mudar de imagem e Resultou ! , más apenas nas primeiras, nás outras imagens não resultou , queria que resulta-se em todas imagens que que o efeito funcione nas 3 imagens .
E tambem quero que quando clicar em uma das imagens ela redireciona para um link .
codigo que estou usando:

Código:
<img src="http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/2seg10.jpg';" />

<img src="http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras11.jpg;" />

<img src="http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes210.jpg;" />


Medidas que eu tomei para corrigir o problema:
----

Links e imagens do meu problema:
----

Endereço do meu fórum:
world-gamers.forumeiros.com

Versão do meu fórum:
PHPBB3
Thiago Barbosa
Thiago Barbosa
****

Membro desde : 09/01/2011
Mensagens : 239
Pontos : 348

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Felipe™ 08.04.12 15:35

Olá Thiago Barbosa a sua 1º duvida não sei responder mais a segunda quando clica na imagem e ela redirecionar para um link eu sei você deve entrar nesse site:
http://heliojenne.blogspot.com.br/2009/01/gerador-de-codigo-de-banners-com-caixa.html
E siga o que o gerador manda

IMG DO GERADOR
Mudar imagem ao passar o mouse Duvidaforumeiros
Felipe™
Felipe™
**

Membro desde : 27/03/2012
Mensagens : 55
Pontos : 111

http://Forum-frito.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa 08.04.12 15:44

não vai dar para adicionar esse codigo , por que tipo tem que editar o outro e eu não vou saber .
Thiago Barbosa
Thiago Barbosa
****

Membro desde : 09/01/2011
Mensagens : 239
Pontos : 348

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Felipe™ 08.04.12 15:47

Ah amigo então deixe um ajudeiro visualizar o seu post espere...(Pois não sei como te ajudar mais)
Se ajudei clica no (Obrigado)
Felipe™
Felipe™
**

Membro desde : 27/03/2012
Mensagens : 55
Pontos : 111

http://Forum-frito.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Roevs 08.04.12 16:25

Olá poderia me passar o site das Imagens e dos Link para que eu Possa editar o Código ?
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa 08.04.12 16:44

as imagens está no codigo , vou deixar mais ou menos assim , as imagens ja estão no codigo :

<img src="https://i.servimg.com/u/f49/16/99/78/08/semnad11.jpg" onmouseout="this.src='https://i.servimg.com/u/f49/16/99/78/08/semnad11.jpg';" onmouseover="this.src='https://i.servimg.com/u/f49/16/99/78/08/2seg10.jpg';" />
Redirecionamento para: world-gamers.forumeiros.com/forum

<img src="https://i.servimg.com/u/f49/16/99/78/08/regras10.jpg" onmouseout="this.src='https://i.servimg.com/u/f49/16/99/78/08/regras10.jpg';" onmouseover="this.src='https://i.servimg.com/u/f49/16/99/78/08/regras11.jpg;" />
Redirecionamento para:world-gamers.forumeiros.com/f92-regras#axzz1rP6zKIkE

<img src="https://i.servimg.com/u/f49/16/99/78/08/redes10.jpg" onmouseout="this.src='https://i.servimg.com/u/f49/16/99/78/08/redes10.jpg';" onmouseover="this.src='https://i.servimg.com/u/f49/16/99/78/08/redes210.jpg;" />
Redirecionamento para:world-gamers.forumeiros.com/portal
Thiago Barbosa
Thiago Barbosa
****

Membro desde : 09/01/2011
Mensagens : 239
Pontos : 348

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Roevs 08.04.12 16:50

1° Utiliza este código

Código:
<a href="world-gamers.forumeiros.com/forum" target="_blank"><img src="http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/2seg10.jpg';" />

2° Utiliza este código

Código:
<a href="world-gamers.forumeiros.com/f92-regras#axzz1rP6zKIkE" target="_blank"><img src="http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras11.jpg;" />

3° Utiliza este código

Código:
<a href="world-gamers.forumeiros.com/portal" target="_blank"><img src="http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes210.jpg;" />
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa 08.04.12 20:43

no caso , não da para colocar os 3 na mesma pagina com o mesmo efeito , tem algum codigo que faz esse efeito e de para coloca as 3 codigos com esses efeitos ?
Thiago Barbosa
Thiago Barbosa
****

Membro desde : 09/01/2011
Mensagens : 239
Pontos : 348

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Roevs 08.04.12 21:30

Não entendi se for por eles na mesma Página e só por os códigos Juntos
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa 08.04.12 22:09

tipo e adiciono os 3 na mesma pagina HTML , más ... o efeito pega em um só .

olhe :

Thiago Barbosa
Thiago Barbosa
****

Membro desde : 09/01/2011
Mensagens : 239
Pontos : 348

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Roevs 08.04.12 22:11

1° Código

Código:
<a href="/forum" target="_blank"><img src="http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/2seg10.jpg';" />

2° Código

Código:
<a href="/f92-regras#axzz1rP6zKIkE" target="_blank"><img src="http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras11.jpg;" />

3° Código

Código:
<a href="/portal" target="_blank"><img src="http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes210.jpg;" />
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa 08.04.12 22:18

Não Resultou ,

Coloquei os 3 codigos e não foi , ai resolvi colocar só o 1º Codigo e resultou , coloquei apenas o segundo codigo e não resultou , depois coloquei só o 3º Codigo e ele tambem não resultou .
Thiago Barbosa
Thiago Barbosa
****

Membro desde : 09/01/2011
Mensagens : 239
Pontos : 348

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Luciano98 09.04.12 0:19

Olá!

Substitua por esse código:
Código:
<img src="http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/semnad11.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/2seg10.jpg';" />

<img src="http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/regras11.jpg';" />

<img src="http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg" onmouseout="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes10.jpg';" onmouseover="this.src='http://i49.servimg.com/u/f49/16/99/78/08/redes210.jpg';" />

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa 09.04.12 14:31

Resultou , pode fechar.
Thiago Barbosa
Thiago Barbosa
****

Membro desde : 09/01/2011
Mensagens : 239
Pontos : 348

http://world-gamers.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos