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!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

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

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

Mensagem por Gaaratsu 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


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento 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.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

- Tópicos similares

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