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 RedeBS em 21/11/14, 05:39 am

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, 08:42 am, editado 1 vez(es)
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

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

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

Mensagem por Shek em 21/11/14, 12:11 pm

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!


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17549
Pontos Ativos : 21780

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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

Mensagem por Konai em 22/11/14, 12:53 am

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
avatar

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6014
Pontos Ativos : 7512

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

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

Mensagem por RedeBS em 24/11/14, 08:41 am

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

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum