Mudar imagem ao passar o cursor (menu)

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

Resolvido Mudar imagem ao passar o cursor (menu)

Mensagem por Gicleyson em 28/01/11, 03:21 pm

Qual é sua questão:
Queria Saber Qual Os Codigos Que Usa Pra Usar Esse Tutorial : http://ajuda.forumeiros.com/t21619-tutorial-mudar-imagem-ao-passar-o-mouse
No Menu.

No Aguardo.

Que medidas você tomou para corrigir o problema:
Nenhuma

Apresente-nos imagens do problema (se necessário):
Sem Imagem.

Gicleyson
Nível 8

Masculino
Inscrito dia : 02/06/2010
Mensagens : 100
Pontos Ativos : 146

Ver perfil do usuário http://photoarts.forumeiro.com/forum

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por #Frank! em 28/01/11, 03:32 pm

Prezado Gicleyson,
Seria o código demonstrado pela Seender, este:
Código:
<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Uma dica, leia novamente o tutorial.
Se não for isto que deseja , explique melhor.

Abraços Piscada
Ravenger.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

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

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por Gicleyson em 28/01/11, 03:43 pm

Eu Quero Fazer Esse Efeito No Menu Amigo.
e Não Numa Imagem Normal.
Entende ?

Gicleyson
Nível 8

Masculino
Inscrito dia : 02/06/2010
Mensagens : 100
Pontos Ativos : 146

Ver perfil do usuário http://photoarts.forumeiro.com/forum

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por muryllodantas em 28/01/11, 06:38 pm

Então defina melhor sua duvida Piscada
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por burlador em 28/01/11, 08:35 pm

no menu terá de fazer na folha CSS
exemplo esse serve para o botao Inicio ou Home

#i_icon_mini_index{
background-image: url(linkmenunormal);
}

#i_icon_mini_index:hover{
background-image: url(linkqndpassa);
}

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por Gicleyson em 29/01/11, 02:02 am

Vlw Burlador,
Mais Preciso De Todos Os Botões.Piscada

Abração,
Gicleyson.

Gicleyson
Nível 8

Masculino
Inscrito dia : 02/06/2010
Mensagens : 100
Pontos Ativos : 146

Ver perfil do usuário http://photoarts.forumeiro.com/forum

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por burlador em 29/01/11, 07:50 am

CSS :
Código:
#i_icon_mini_index {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/forum13.png');
width: 68px;
height: 27px;
}
#i_icon_mini_index:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/forumh12.png');
width: 68px;
height: 27px;
}

#i_icon_mini_new_message {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/6110.png');
width: 68px;
height: 27px;
}
#i_icon_mini_new_message:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/5110.png');
width: 68px;
height: 27px;
}

#i_icon_mini_login {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/3lo12.png');
width: 68px;
height: 27px;
}
#i_icon_mini_login:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/3l10.png');
width: 68px;
height: 27px;
}

#i_icon_mini_register {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/reg210.png');
width: 71px;
height: 27px;
}
#i_icon_mini_register:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/reh10.png');
width: 71px;
height: 27px;
}
#i_icon_mini_logout {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/2lo10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_logout:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/2l10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_portal {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/portal11.png');
width: 68px;
height: 27px;
}
#i_icon_mini_portal:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/portal10.png');
width: 68px;
height: 27px;
}

#i_icon_mini_gallery {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/gal10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_gallery:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/galler10.png');
width: 68px;
height: 27px;
}

#i_icon_mini_profile {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/profil11.png');
width: 68px;
height: 27px;
}
#i_icon_mini_profile:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/profil10.png');
width: 68px;
height: 27px;
}

#i_icon_mini_message {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/4210.png');
width: 51px;
height: 27px;
}
#i_icon_mini_message:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/4pm10.png');
width: 51px;
height: 27px;
}

#i_icon_mini_members {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/810.png');
width: 71px;
height: 27px;
}
#i_icon_mini_members:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/710.png');
width: 71px;
height: 27px;
}

#i_icon_mini_search {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/search13.png');
width: 68px;
height: 27px;
}
#i_icon_mini_search:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/search12.png');
width: 68px;
height: 27px;
}
#i_icon_mini_groups {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/1gr10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_groups:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/1grou10.png');
width: 68px;
height: 27px;
}

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com
  • 0

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por Vick-chan em 29/01/11, 08:31 am

Adorei!

Eu estava atrás de algo assim também, mas já estava começando a pensar que era impossível de fazer. Espero que não se importe por eu usar seus códigos, desculpa slap

Beijos!
avatar

Vick-chan
Nível 7

Feminino
Inscrito dia : 26/01/2011
Mensagens : 96
Pontos Ativos : 164

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

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por Mikáá em 29/01/11, 10:13 am

Bom dia,

Veja este tópico: http://ajuda.forumeiros.com/-t33482.htm

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por ThiagoPacheco em 29/01/11, 02:14 pm

Olá!

A dúvida está resolvida?

Até mais,
ThiagoPacheco Feliz
avatar

ThiagoPacheco
Membro do Fórum

Masculino
Inscrito dia : 22/01/2010
Mensagens : 1282
Pontos Ativos : 1785

Ver perfil do usuário http://futebolarpg.forumeiro.com/

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por burlador em 29/01/11, 03:47 pm

@Vick-chan escreveu:Adorei!

Eu estava atrás de algo assim também, mas já estava começando a pensar que era impossível de fazer. Espero que não se importe por eu usar seus códigos, desculpa slap

Beijos!


Não há problema , estas á vontade para usar estes códigos

Beijos

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por Gicleyson em 31/01/11, 12:57 am

A Duvida Ainda Ta.
Preciso Dos Codigos Aonde Encontro?

Gicleyson
Nível 8

Masculino
Inscrito dia : 02/06/2010
Mensagens : 100
Pontos Ativos : 146

Ver perfil do usuário http://photoarts.forumeiro.com/forum

Resolvido Re: Mudar imagem ao passar o cursor (menu)

Mensagem por ThiagoPacheco em 01/02/11, 09:01 pm

Olá!

Ainda precisa de suporte adicional?

Até mais,
ThiagoPacheco Feliz
avatar

ThiagoPacheco
Membro do Fórum

Masculino
Inscrito dia : 22/01/2010
Mensagens : 1282
Pontos Ativos : 1785

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