Efeito hover menu de navegação

4 participantes

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

Tópico resolvido Efeito hover menu de navegação

Mensagem por diogo23 16/12/11, 04:57 pm

Qual é minha questão:
queia que o menu de navegação tivesse uma imagem enquanto não tem o rato/mouse em cima mas quando tem o rato em cima outra...

Medidas que eu tomei para corrigir o problema:
coloca este post

Imagens do meu problema:
-

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3


Última edição por diogo23 em 16/12/11, 10:47 pm, editado 1 vez(es)
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por Cream 16/12/11, 06:03 pm

Olá!

Veja as classes CSS ligadas à cada imagem do menu:

#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_portal { Corresponde à imagem portal.
#i_icon_mini_calendar { Corresponde à imagem calendário.
#i_icon_mini_faq { Corresponde à imagem Faq/Perguntas e respostas criadas por si no painel de controle.
#i_icon_mini_search { Corresponde à imagem buscar.
#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_members { Corresponde à imagem de membros do fórum.
#i_icon_mini_groups { Corresponde à imagem grupos.
#i_icon_mini_profile { Corresponde à imagem perfil.
#i_icon_mini_message { Corresponde à imagem do link do menu MP.
ul.navlinks span.new-message { Corresponde à imagem do link do menu Nova MP.
#i_icon_mini_logout { Corresponde à imagem do link do menu Sair.
i_icon_mini_login { Corresponde à imagem do link do menu Login/Entrar.
i_icon_mini_register { Corresponde à imagem do link do menu Registrar/Cadastrar.

Agora para colocar uma imagem para exibir quando passar o mouse em cima do link veja:

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}
Isso acima é um exemplo, deverá ser modificado a parte "#i_icon_mini_message", dependendo da escolha das classes.

O código depois de produzido, deverá ser adicionado em:
Painel de controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e cores Flecha ajudeiros Cores / Folha estilo CSS

Confirme se ainda necessita de suporte adicional Piscada

Até Mais!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 16/12/11, 06:49 pm

mas isso não funciona....acho eu...por exemplo eu queria colocar esta imagem para o menu de navegação "inicio" enquanto o rato não estivesse em cima: Efeito hover menu de navegação  Inicionomouse
e esta para quando o rato estiver em cima: Efeito hover menu de navegação  Inicioyesmouse
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 16/12/11, 06:50 pm

diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 16/12/11, 09:16 pm

o que eu fiz foi: 1º adicionei normalmente a imagem em visualização > Gestão das imagens > Modo avançado e aí coloquei normalmente a imagem quando o rato não está em cima e depois de fazer isso é que coloquei o código com a imagem que é para aparecer quando o rato está em cima.... só que descobri que afinal a imagem onde o rato está em cima aparece mas é atrás da imagem que eu fiz para aparecer enquanto o rato não está em cima..... ajudam-me... Ajuda/Confuso
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 16/12/11, 10:35 pm

ajudem-me pf.... Triste Chorando ou muito tr
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por Lucas2122 17/12/11, 02:16 pm

Cuidado com o flood !
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 17/12/11, 02:16 pm

que é flood?
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por Konai 17/12/11, 02:28 pm

Olá,

O que é Flood?
Spoiler:

Tente;

Código:
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 :hover {
background-image: url(http://i1180.photobucket.com/albums/x415/downribatejo/inicioyesmouse.png) !important;
background-position: bottom left;
}
Coloque este código em;
Painel de Controle Efeito hover menu de navegação  633772 Visualização Efeito hover menu de navegação  633772 Aba " Imagens e Cores " Efeito hover menu de navegação  633772 Cores Efeito hover menu de navegação  633772 Folha de Estilo CSS
Vale lembrar que o código já está com a sua segunda imagem.

Coloque a primeira imagem que seria está Efeito hover menu de navegação  Inicionomouse no
Painel de controle Efeito hover menu de navegação  633772 Visualização Efeito hover menu de navegação  633772 Aba " Imagens e Cores " Efeito hover menu de navegação  633772 Gestão das Imagens " Modo Avançado " e procure por ; Indice e ponha a URL lá.

Efeito hover menu de navegação  426228
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 17/12/11, 03:39 pm

não funcionou :c
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 17/12/11, 03:42 pm

eu coloquei a 1ª na gestão de imagens indice e depois introduzi esse código conforme me mandou mas não funcionou..... Triste
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por Cream 17/12/11, 04:40 pm

Olá,

Tente o seguinte código:
Código:
#i_icon_mini_index {background-image: url('http://i1180.photobucket.com/albums/x415/downribatejo/inicionomouse.png') !important;}
#i_icon_mini_index:hover {background-image: url('http://i1180.photobucket.com/albums/x415/downribatejo/inicioyesmouse.png') !important;}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Duvida

Mensagem por diogo23 17/12/11, 04:50 pm

Cream escreveu:Olá,

Tente o seguinte código:
Código:
#i_icon_mini_index {background-image: url('http://i1180.photobucket.com/albums/x415/downribatejo/inicionomouse.png') !important;}
#i_icon_mini_index:hover {background-image: url('http://i1180.photobucket.com/albums/x415/downribatejo/inicioyesmouse.png') !important;}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

mas na gestão de imagens deixo ficar na mesma a imagem?
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover menu de navegação

Mensagem por diogo23 17/12/11, 04:53 pm

não funciounou nimguém sabe como se faz versão PHPBB3...
diogo23

diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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