queria esse efeito

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

Resolvido queria esse efeito

Mensagem por Lukas' em 14/04/12, 11:16 am

Qual é minha questão:
tenho esse efeito,quando passa o mouse por cima fica assim http://i.imgur.com/6H8U3.png
eu queria colocar esse mesmo efeito só que nos topicos e em todos os botoes do meu forum

Medidas que eu tomei para corrigir o problema:
--'

Links e imagens do meu problema:
http://i.imgur.com/6H8U3.png

Endereço do meu fórum:
www.maniacoscheats.forumais.com

Versão do meu fórum:
PHPBB3
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: queria esse efeito

Mensagem por Thor em 14/04/12, 11:29 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:

Código:
.buttons a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

.buttons a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
 -webkit-transform: rotate(-2.2deg) scale(0.9); -moz-transform: rotate(-2.2deg) scale(0.9);
}

.buttons a img:active {
-webkit-transform: rotate(-2.0deg) scale(1.1); -moz-transform: rotate(-2.0deg) scale(1.1);
}
Salve.

Atenciosamente.
avatar

Thor
Usuário destaque

Masculino
Inscrito dia : 16/11/2011
Mensagens : 627
Pontos Ativos : 932

Ver perfil do usuário http://www.techarte.co.cc/forum

Resolvido Re: queria esse efeito

Mensagem por Oto! em 14/04/12, 11:33 am

Olá,

Caso o código acima não funcione, tente este:
.buttons:hover{
-moz-opacity: .85;
-moz-transform: rotate(-2.2deg) scale(0.9);
-webkit-transform: rotate(-2.2deg) scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

Abraços.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: queria esse efeito

Mensagem por Lukas' em 14/04/12, 01:05 pm

os dois codigos só o que fiseram foi deixar o efeito mais intenso mais nao ficou em todos os butoes
o que eu quero é os botoes tipo quote,obrigado ,enviar alerta... com esse efeito

no tema desse forum da http://maniacostestes.forumeiros.com
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: queria esse efeito

Mensagem por Oto! em 14/04/12, 02:37 pm

Olá,

Desenvolvi o código, adicione em Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta CSS:
Código:
.button:hover,.button2:hover,.input:hover,.button1:hover,.input:hover,.button2:hover,.i_reply:hover,.i_icon_quote:hover,.i_icon_edit:hover,.i_icon_delete:hover,.i_icon_ip:hover,.i_icon_profile:hover,.i_icon_pm:hover{
-moz-opacity: .85;
-moz-transform: rotate(-2.2deg) scale(0.9);
-webkit-transform: rotate(-2.2deg) scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

Abraços!
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: queria esse efeito

Mensagem por Lukas' em 14/04/12, 08:37 pm

funcionou certinho,só ta faltando o botao de alerta
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: queria esse efeito

Mensagem por iPrompt em 14/04/12, 08:51 pm

Utiliza este código

Código:
.buttons a img:hover {
-moz-opacity: .85;
-moz-transform: rotate(-2.2deg) scale(0.9);
-webkit-transform: rotate(-2.2deg) scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

Isso fara efeito para todas os Botões
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: queria esse efeito

Mensagem por Lukas' em 15/04/12, 12:06 am

nem deu tem que ser tipo que nem o MR.Helper fez so que com o nome do botao de enviar alerta
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

Resolvido Re: queria esse efeito

Mensagem por Oto! em 15/04/12, 12:08 am

Olá,

Tente este código:
Código:
.button:hover,.button2:hover,.input:hover,.button1:hover,.input:hover,.button2:hover,.i_reply:hover,.i_icon_quote:hover,.i_icon_edit:hover,.i_icon_delete:hover,.i_icon_ip:hover,.i_icon_profile:hover,.i_icon_pm:hover,.profile-icons:hover{
-moz-opacity: .85;
-moz-transform: rotate(-2.2deg) scale(0.9);
-webkit-transform: rotate(-2.2deg) scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

Abraços!
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: queria esse efeito

Mensagem por Lukas' em 15/04/12, 12:12 am

obrigado,deu certinho ficou até melhor
eu daria um thank mais eu ja tinha dado antes Piscada
avatar

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

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