Mudar imagem ao passar o mouse

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

Resolvido Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa em 07/04/12, 09:23 pm

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
avatar

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Felipe™ em 08/04/12, 11:35 am

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
avatar

Felipe™
Nível 5

Masculino
Inscrito dia : 27/03/2012
Mensagens : 55
Pontos Ativos : 111

Ver perfil do usuário http://Forum-frito.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa em 08/04/12, 11:44 am

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

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Felipe™ em 08/04/12, 11:47 am

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)
avatar

Felipe™
Nível 5

Masculino
Inscrito dia : 27/03/2012
Mensagens : 55
Pontos Ativos : 111

Ver perfil do usuário http://Forum-frito.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por iPrompt em 08/04/12, 12:25 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa em 08/04/12, 12:44 pm

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

<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';" />
Redirecionamento para: world-gamers.forumeiros.com/forum

<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;" />
Redirecionamento para:world-gamers.forumeiros.com/f92-regras#axzz1rP6zKIkE

<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;" />
Redirecionamento para:world-gamers.forumeiros.com/portal
avatar

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por iPrompt em 08/04/12, 12:50 pm

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;" />
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa em 08/04/12, 04:43 pm

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 ?
avatar

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por iPrompt em 08/04/12, 05:30 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa em 08/04/12, 06:09 pm

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

olhe :

avatar

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por iPrompt em 08/04/12, 06:11 pm

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;" />
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa em 08/04/12, 06:18 pm

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 .
avatar

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.forumeiros.com

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Luciano98 em 08/04/12, 08:19 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Mudar imagem ao passar o mouse

Mensagem por Thiago Barbosa em 09/04/12, 10:31 am

Resultou , pode fechar.
avatar

Thiago Barbosa
Nível 9

Masculino
Inscrito dia : 09/01/2011
Mensagens : 239
Pontos Ativos : 348

Ver perfil do usuário http://world-gamers.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