queria esse efeito Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

queria esse efeito

4 participantes

Ir para baixo

Tópico resolvido queria esse efeito

Mensagem por Lukas' 14.04.12 15:16

Qual é minha questão:
tenho esse efeito,quando passa o mouse por cima fica assim https://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:
https://i.imgur.com/6H8U3.png

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

Versão do meu fórum:
PHPBB3
Lukas'
Lukas'
***

Membro desde : 26/03/2012
Mensagens : 119
Pontos : 199

http://maniacoscheats.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Thor 14.04.12 15:29

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.
Thor
Thor
Membro

Membro desde : 16/11/2011
Mensagens : 627
Pontos : 932

http://www.techarte.co.cc/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Oto! 14.04.12 15:33

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.
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Lukas' 14.04.12 17:05

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
queria esse efeito YFHfk
Lukas'
Lukas'
***

Membro desde : 26/03/2012
Mensagens : 119
Pontos : 199

http://maniacoscheats.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Oto! 14.04.12 18:37

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!
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Lukas' 15.04.12 0:37

funcionou certinho,só ta faltando o botao de alerta
Lukas'
Lukas'
***

Membro desde : 26/03/2012
Mensagens : 119
Pontos : 199

http://maniacoscheats.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Roevs 15.04.12 0:51

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
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Lukas' 15.04.12 4:06

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

Membro desde : 26/03/2012
Mensagens : 119
Pontos : 199

http://maniacoscheats.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Oto! 15.04.12 4:08

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!
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: queria esse efeito

Mensagem por Lukas' 15.04.12 4:12

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

Membro desde : 26/03/2012
Mensagens : 119
Pontos : 199

http://maniacoscheats.forumais.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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