Efeito de opacidade nas imagens do menu

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

Resolvido Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10/10/12, 11:35 am

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:
Http://i45.tinypic.com/1zdog9i.jpg
avatar

smithz0r
Nível 7

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

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

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10/10/12, 11:37 am

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10/10/12, 11:54 am

Não obtive resultado onde eu queria ;l
avatar

smithz0r
Nível 7

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

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

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10/10/12, 12:02 pm

Olá querido,

Mande o link de teu fórum por gentileza.

Graciosamente,
Mikéé - Ajudeiro.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10/10/12, 12:05 pm

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

smithz0r
Nível 7

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

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

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10/10/12, 12:17 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10/10/12, 12:24 pm

É, 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
avatar

smithz0r
Nível 7

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

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

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10/10/12, 12:26 pm

Olá querido,

Mande nos um fórum com este efeito.

Graciosamente,
Mikéé - Ajudeiro.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10/10/12, 12:33 pm

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

smithz0r
Nível 7

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

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

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por Sennior em 10/10/12, 12:36 pm

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'
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de opacidade nas imagens do menu

Mensagem por smithz0r em 10/10/12, 12:41 pm

BOOOOOOOOOA isso mesmo, valeu cara *-*
avatar

smithz0r
Nível 7

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

Ver perfil do usuário http://familiadatp.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