Efeito hover menu de navegação

4 participantes

Ir para baixo

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

Mensagem por diogo23 16.12.11 14:57

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 20:47, 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

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

Mensagem por Cream 16.12.11 16:03

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 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 16:49

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 16:50

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 19:16

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 20:35

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 12:16

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 12:16

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

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

Mensagem por Konai 17.12.11 12:28

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 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 13:39

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 13:42

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

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

Mensagem por Cream 17.12.11 14:40

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 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 14:50

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 14:53

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

Ir para o topo

- Tópicos semelhantes

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