Efeito hover no menu de navegação

3 participantes

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

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

Mensagem por diogo23 13.12.11 17:26

Qual é minha questão:
queria o código css para ter o menu igual/parecido ao deste forum:(incluindo o buscar...) http://invortex.foruns.com.pt/ em que quando op mouse estivesse em cima fizesse um rectangulo vermelho...
aguardo uma resposta....

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

Imagens do meu problema:
nao e necessario

Endereço do meu fórum:


Versão do meu fórum:
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

Membro Entusiasta

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

Mensagem por Konai 13.12.11 17:27

Olá,

tente;
Código:
a.mainmenu:hover {
border-bottom: 3px solid #00A4CD;
}

Ou

Código:
a.mainmenu:hover {
border-bottom: 3px solid #00A4CD;
}



Seta #00A4CD é o hexadecimal de sua cor, no caso eu estou usando de base do Fórum dos Fóruns. Altere para a cor desejada.
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 no menu de navegação

Mensagem por diogo23 13.12.11 18:26

tento onde?
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 no menu de navegação

Mensagem por Konai 13.12.11 18:27

diogo23 escreveu:tento onde?

A desculpe-me meu caro !
Adicione o código em;

Painel de Controle Seta Visualização Seta Aba " Imagens e Cores " Seta Cores Seta Folha de Estilo CSS .

Um de cada vez, se o primeiro não funcionar, tente o segundo. Muito feliz
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 no menu de navegação

Mensagem por diogo23 13.12.11 18:30

na folha css não resultou ajudem-me pf... aparee "Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código."
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 no menu de navegação

Mensagem por Konai 13.12.11 18:31

diogo23 escreveu:na folha css não resultou ajudem-me pf... aparee "Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código."

Olá,

Mesmo assim salve, dará certo confie em mim ! Basicamente costumam aparecer nos fóruns mesmo, é comum. Mais o local certo é a FOLHA DE CSS como lhe citei !

Atenciosamente. Piscada
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 no menu de navegação

Mensagem por diogo23 13.12.11 18:54

não funcionou, apaenas sublinhou a imagem..... Chorando ou muito tr 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 no menu de navegação

Mensagem por diogo23 13.12.11 19:04

eu não queria que sublinhasse eu queria era que fizesse um rectangulo -.-'
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 no menu de navegação

Mensagem por Cream 14.12.11 19:37

Olá amigo,

Tente o seguinte código:
Código:
a.mainmenu:hover {
border: 2px solid #FF0000;
}
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

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