Efeito hover no menu de navegação

3 participantes

Ir para baixo

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

Mensagem por RedeBS 21.11.14 7:39

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


Última edição por RedeBS em 24.11.14 10:42, editado 1 vez(es)
RedeBS
RedeBS
***

Membro desde : 29/10/2014
Mensagens : 164
Pontos : 240

http://crepusculobestseller.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Shek 21.11.14 14:11

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

Até mais!
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

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

Mensagem por Konai 22.11.14 2:53

Saudações!

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

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

Atenciosamente,
Hakuouki Contente
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 no menu de navegação

Mensagem por RedeBS 24.11.14 10:41

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

Membro desde : 29/10/2014
Mensagens : 164
Pontos : 240

http://crepusculobestseller.forumeiros.com

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