Efeito nas imagens

3 participantes

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

Tópico resolvido Efeito nas imagens

Mensagem por Lockey 14.03.12 19:11

Qual é minha questão:
Queria colocar efeito nas imagens de meu fórum, não sei muito disso então deixo os efeitos por conta de quem me ajudar, mas caso contrário, queria assim, quando passa o mouse sobre a imagem ela fica mais clara e quando retira o mouse ela fica ao normal. Outros tipos também é quando passarmos o mouse na imagem passa tipo um reflexo na imagem toda e quando retiramos o mouse não passa reflexo, espero terem entendidos :S

Medidas que eu tomei para corrigir o problema:
Vim aqui P_P

Links e imagens do meu problema:
Não tenho imagens, apenas veio em minha mente e vim aqui perguntar se tem como! P_P

Endereço do meu fórum:
locomotormortisrpg.forumeiros.com

Versão do meu fórum:
PHPBB2
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Efeito nas imagens

Mensagem por Roevs 14.03.12 19:13

Bom você viu isso em algum fórum ?
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens

Mensagem por Lockey 14.03.12 19:16

Vi sim mas só o do quando a imagem fica mais clara e quando volta fica escura, só que eu num queria plagiar deles, mas aqui está se tivesse como o do reflexo agradeceria, [url]obliviate-rpg.forumeiros.com[/url]
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens

Mensagem por Lockey 14.03.12 19:16

[quote="Expelliarmus RPG"]Vi sim mas só o do quando a imagem fica mais clara e quando volta fica escura, só que eu num queria plagiar deles, mas aqui está se tivesse como o do reflexo agradeceria, obliviate-rpg.forumeiros.com
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Efeito nas imagens

Mensagem por MateusV. 14.03.12 19:22

Olá, primeiro aceda a sua Folha de estilo CSS, cole o codigo abaixo e salve.
Código:
#imgopacidade:hover{
margin: 1px;
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
Feito isto aceda ao seu
Painel de controle Seta Geral Seta Forum Seta Categorias e foruns
:seta2: Clique no botão Editar da categoria que deseja por a imagem, então coloque assim no campo "Descrição :"
<div id="imgopacidade" style="margin:auto;text-align:center;width:100%"><img src="URL DA IMAGEM" border="0" alt=""></div>
Modifique o em vermelho para o url da imagem que deseja e salve.
Cordialmente.
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens

Mensagem por Lockey 14.03.12 19:27

MateusV. não resultou ela só ficou centralizada!
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Efeito nas imagens

Mensagem por MateusV. 14.03.12 19:31

Olá, faça estes passos, primeiro aceda a sua Folha de estilo CSS, cole o codigo abaixo e salve.
Código:
#imgopacidade{
margin: 1px;
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
#imgopacidade:hover{
margin: 1px;
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}   
Feito isto aceda ao seu
Painel de controle Seta Geral Seta Forum Seta Categorias e foruns
:seta2: Clique no botão Editar da categoria que deseja por a imagem, então coloque assim no campo "Descrição :"
<div id="imgopacidade" style="margin:auto;text-align:center;width:100%"><img src="URL DA IMAGEM" border="0" alt=""></div>
Modifique o em vermelho para o url da imagem que deseja e salve.
Cordialmente.
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens

Mensagem por Lockey 14.03.12 19:34

Agora deu muito obrigado MateusV. Muito obrigado mesmo, mas só por curiosidade poderia me dizer se sabe o do reflexo que passa na imagem?Se não souber pode feixar!
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Efeito nas imagens

Mensagem por MateusV. 14.03.12 19:36

Olá, qual efeito de reflexo você se refere?
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens

Mensagem por Lockey 14.03.12 19:41

É muito pedido em avatares na seção gráfica, estilo uma luz que parece um reflexo que quando passamos o mouse ela passa pela imagem rapidamente!
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Efeito nas imagens

Mensagem por MateusV. 14.03.12 19:44

Olá, quer dizer este efeito?

Cordialmente.
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens

Mensagem por Lockey 14.03.12 19:47

Isso só que dá para colocar apenas nas palavras?E queria que o reflexo passasse quando colocarmos o cursor sobre e quando tirarmos parava o reflexo!
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Efeito nas imagens

Mensagem por MateusV. 14.03.12 19:59

Olá, poderia me mandar o link do algum topico que tenha visto isto?
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens

Mensagem por Lockey 14.03.12 20:00

Não sei nenhum, mas deixa aquele já está passando de bom, muito obrigado mesmo pela ajuda!
Lockey

Lockey
Membro avançado

Masculino
Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

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