Efeito hover no menu de navegação

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox, Google Chrome
Membros afetados : Todos os membros do fórum
Problema começou : Sempre foi assim
Endereço do fórum : http://crepusculobestseller.forumeiros.com

Descrição do problema

Olá, gostaria de colocar o efeito hover desse menu http://humbugcamp-rpg.forumeiros.com/ na Legenda dos grupos do meu fórum: crepusculobestseller.com

Olá!

Acesse Visualização > Imagens e Cores > Folha de estilos CSS > e cole:

Código:

a.mainmenu:hover {
   -moz-transition: .4s ease-in-out;
   -ms-transition: .4s ease-in-out;
   -o-transition: .4s ease-in-out;
   -webkit-transition: .4s ease-in-out;
   border-bottom: 3px double #272727;
   border-top: 3px double #272727;
   color: black;
   padding-bottom: 3px;
   padding-top: 3px;
   transition: .4s ease-in-out
 }

Salve.

Até mais!

Saudações!

@Shek >> Creio que ele não tenha solicitado o efeito no menu e sim na legenda dos grupos querido!

Substitua o código fornecido, por este outro:

Código:

.forumline .legend p a:hover {
/* color: #402F27 !important; */
/* text-decoration: none !important; */
-moz-transition: .4s ease-in-out !important;
-ms-transition: .4s ease-in-out !important;
-o-transition: .4s ease-in-out !important;
-webkit-transition: .4s ease-in-out !important;
border-bottom: 3px double #272727 !important;
border-top: 3px double #272727 !important;
color: black !important;
padding-bottom: 3px !important;
padding-top: 3px !important;
transition: .4s ease-in-out !important;
}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Adicione o código acima no início da tua CSS e logo após salve!

Atenciosamente,
Hakuouki

Obrigada, minha flor \õ E é ela* -q