Efeito em botões do menu (Invision)

2 participantes

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

Tópico resolvido Efeito em botões do menu (Invision)

Mensagem por WinyCarvalho 18.11.15 17:30

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:

Efeito em botões do menu (Invision) GFOLdi9

• 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:

Efeito em botões do menu (Invision) Botyee10

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

Efeito em botões do menu (Invision) Inycio10
WinyCarvalho

WinyCarvalho
Novo Membro

Membro desde : 12/10/2015
Mensagens : 15
Pontos : 23

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Efeito em botões do menu (Invision)

Mensagem por Fraise 18.11.15 20:44

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito em botões do menu (Invision)

Mensagem por WinyCarvalho 18.11.15 23:51

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
WinyCarvalho

WinyCarvalho
Novo Membro

Membro desde : 12/10/2015
Mensagens : 15
Pontos : 23

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Efeito em botões do menu (Invision)

Mensagem por Fraise 19.11.15 1:10

Efeito em botões do menu (Invision) Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos