Mudar imagem ao passar o cursor (menu)
+3
muryllodantas
BlueAngel
Gicleyson
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Mudar imagem ao passar o cursor (menu)
Qual é sua questão:
Queria Saber Qual Os Codigos Que Usa Pra Usar Esse Tutorial : https://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.
Queria Saber Qual Os Codigos Que Usa Pra Usar Esse Tutorial : https://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.
Re: Mudar imagem ao passar o cursor (menu)
Prezado Gicleyson,
Seria o código demonstrado pela Seender, este:
Uma dica, leia novamente o tutorial.
Se não for isto que deseja , explique melhor.
Abraços
Ravenger.
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
Ravenger.
Re: Mudar imagem ao passar o cursor (menu)
Eu Quero Fazer Esse Efeito No Menu Amigo.
e Não Numa Imagem Normal.
Entende ?
e Não Numa Imagem Normal.
Entende ?
Re: Mudar imagem ao passar o cursor (menu)
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);
}
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);
}
Re: Mudar imagem ao passar o cursor (menu)
Vlw Burlador,
Mais Preciso De Todos Os Botões.
Abração,
Gicleyson.
Mais Preciso De Todos Os Botões.
Abração,
Gicleyson.
Re: Mudar imagem ao passar o cursor (menu)
- 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;
}
Re: Mudar imagem ao passar o cursor (menu)
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
Beijos!
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
Beijos!
Re: Mudar imagem ao passar o cursor (menu)
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
Beijos!
Não há problema , estas á vontade para usar estes códigos
Beijos
Re: Mudar imagem ao passar o cursor (menu)
Olá!
Ainda precisa de suporte adicional?
Até mais,
ThiagoPacheco
Ainda precisa de suporte adicional?
Até mais,
ThiagoPacheco
Tópicos semelhantes
» Mudar de imagem ao passar o mouser no menu
» [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
» Mudar imagem ao passar o mouse
» Menu rápido efeito ao passar o cursor
» "menu de navegação" que ao passar o cursor aparece uma descrição
» [Resolvido] Mudar a cor da imagem do menu ao passar o mouse
» Mudar imagem ao passar o mouse
» Menu rápido efeito ao passar o cursor
» "menu de navegação" que ao passar o cursor aparece uma descrição
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos