Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Template topicos recentes
Hoje à(s) 01:52 am por Harleen

» Assinatura grande!
Ontem à(s) 10:58 pm por Uatyla

» Avatar - James
Ontem à(s) 09:58 pm por Tiger

» Efeito hover perfil
Ontem à(s) 09:07 pm por Appoloz

» HTML PARA FORUMEIRO
Ontem à(s) 08:39 pm por Taxy_InSaniTy

» Remover permissão
Ontem à(s) 07:25 pm por paulim78

» Últimos Assuntos personalizados
Ontem à(s) 06:35 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Lincoln
 
Shek
 
>.< T-T =3
 
b@nzé
 

Quem está conectado
200 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 194 Visitantes :: 2 Motores de busca

Doncorleonedvc, Harleen, Key of Destiny, MarcosSchultz, paulim78, Taxy_InSaniTy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Efeito em botões do menu (Invision)

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Efeito em botões do menu (Invision)

Mensagem por WinyCarvalho em 18/11/15, 03:30 pm

Detalhes da questão


Endereço do fórum: www.tegmavirtual.com.br
Versão do fórum: Invision

Descrição


Olá,

Vamos por partes...

1 - Atualmente quando passo o mouse sobre os botões do menu em meu fórum, aparece um fundo (retangulo) branco ao redor do botão:



• Gostaria de saber como remover esse fundo branco.


2 - Gostaria de aplicar um efeito em todos os botões de forma com que, sempre que o mouse fosse passado encima de um determinado botão, o mesmo mudaria de cor, exemplo:

• Botão "Início" normal:



• Botão "Início" com o mouse sobre ele:

avatar

WinyCarvalho
Nível 3

Masculino
Inscrito dia : 12/10/2015
Mensagens : 15
Pontos Ativos : 23

Resolvido Re: Efeito em botões do menu (Invision)

Mensagem por Fraise em 18/11/15, 06:44 pm

Boa noite.

Adicione à sua folha de estilos:
Código:
#submenu ul li a:hover {
    background: initial !important;
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
}

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Efeito em botões do menu (Invision)

Mensagem por WinyCarvalho em 18/11/15, 09:51 pm

@Fraise escreveu:Boa noite.

Adicione à sua folha de estilos:
Código:
#submenu ul li a:hover {
    background: initial !important;
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
}

Até mais.
Fraise

Obrigado Fraise!

Analisando o código que você me passou procurei no google mais sobre "Filters CSS", e além do "Sepia" encontrei outros filtros bacanas.

Particularmente não gostei do efeito do sepia, pois, o botão ficava num tom preto meio alaranjado e não era bem a intenção.

Acabei modificando o código e usei o filtro "Invert", ficando da seguinte forma:

Código:
#submenu ul li a:hover {
    background: initial !important;
    filter: invert(99%);
    -webkit-filter: invert(99%);
    -moz-filter: invert(99%);
    -o-filter: invert(99%);
    -ms-filter: invert(99%);
}

De qualquer forma, obrigado! Me ajudou a conhecer tais códigos e suas funções... Positivo
avatar

WinyCarvalho
Nível 3

Masculino
Inscrito dia : 12/10/2015
Mensagens : 15
Pontos Ativos : 23

Resolvido Re: Efeito em botões do menu (Invision)

Mensagem por Fraise em 18/11/15, 11:10 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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