Efeito hover no menu de navegação

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

Olá,

tente;

Código:

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

Ou

Código:

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

#00A4CD é o hexadecimal de sua cor, no caso eu estou usando de base do Fórum dos Fóruns. Altere para a cor desejada.

tento onde?

diogo23 escreveu:tento onde?

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

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

Um de cada vez, se o primeiro não funcionar, tente o segundo.

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

não funcionou, apaenas sublinhou a imagem.....

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

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!