Efeito de opacidade nas imagens do menu

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

Atendido / Resolvido Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10.10.12 15:35

Qual é minha questão:
Como eu posso fazer isso:
Quando passa o mouse em cima das opções na parte do menu tipo seleciona.

Links e imagens do meu problema:
https://2img.net/h/oi45.tinypic.com/1zdog9i.jpg
smithz0r

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

http://familiadatp.forumeiros.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10.10.12 15:37

Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10.10.12 15:54

Não obtive resultado onde eu queria ;l
smithz0r

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

http://familiadatp.forumeiros.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10.10.12 16:02

Olá querido,

Mande o link de teu fórum por gentileza.

Graciosamente,
Mikéé - Ajudeiro.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10.10.12 16:05

brasilrockcity.forumeiros.com
Se quiser, te coloco no grupo de ADM pra poder tentar editar por mim,
não sou muito experiente nisso...
smithz0r

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

http://familiadatp.forumeiros.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10.10.12 16:17

Olá querido,

O senhor terá que aprender um dia né Muito feliz

Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
#pun-navlinks ul:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#pun-navlinks ul {
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}

Graciosamente,
Mikéé - Ajudeiro.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10.10.12 16:24

É, ainda não deu, entra no fórum pra você ver como ficou...
Eu queria que quando coloca o mouse em cima, tipo faz um quadrado em volta
smithz0r

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

http://familiadatp.forumeiros.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10.10.12 16:26

Olá querido,

Mande nos um fórum com este efeito.

Graciosamente,
Mikéé - Ajudeiro.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10.10.12 16:33

brasilsurvivallife.net/forum
Passa o mouse onde tem Inicio, Portal, Busca, etc
smithz0r

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

http://familiadatp.forumeiros.com

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10.10.12 16:36

Olá,

Troque o código que eu lhe dei, por este:

Código:
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
background-color: rgba(0, 0, 0, 0.2);
color: white;
padding: 12px 14px 10px;
text-decoration: none;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
}

Graciosamente,
Mikéé - Ajudeiro.


Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20886

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10.10.12 16:41

BOOOOOOOOOA isso mesmo, valeu cara *-*
smithz0r

smithz0r
Nível 7

Masculino
Inscrito dia : 10/10/2012
Mensagens : 84
Pontos Ativos : 126

http://familiadatp.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