Efeito hover no menu de navegação

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

Resolvido Efeito hover no menu de navegação

Mensagem por diogo23 em 13/12/11, 03:26 pm

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
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito hover no menu de navegação

Mensagem por Gaaratsu em 13/12/11, 03:27 pm

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.
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Efeito hover no menu de navegação

Mensagem por diogo23 em 13/12/11, 04:26 pm

tento onde?
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito hover no menu de navegação

Mensagem por Gaaratsu em 13/12/11, 04:27 pm

@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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Efeito hover no menu de navegação

Mensagem por diogo23 em 13/12/11, 04:30 pm

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."
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito hover no menu de navegação

Mensagem por Gaaratsu em 13/12/11, 04:31 pm

@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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Efeito hover no menu de navegação

Mensagem por diogo23 em 13/12/11, 04:54 pm

não funcionou, apaenas sublinhou a imagem..... Chorando ou muito tr Ajuda/Confuso
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito hover no menu de navegação

Mensagem por diogo23 em 13/12/11, 05:04 pm

eu não queria que sublinhasse eu queria era que fizesse um rectangulo -.-'
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito hover no menu de navegação

Mensagem por Cream em 14/12/11, 05:37 pm

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!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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