Efeito retráctil no avatar

4 participantes

Ir para baixo

Tópico resolvido Efeito retráctil no avatar

Mensagem por Rich. 05.08.13 18:06

Qual é minha questão:
Queria colocar no meu fórum um efeito retráctil como este:
Efeito retráctil no avatar GbZWTTW
Quando passa o mouse pelo avatar ele fica assim (sobe para cima):
Efeito retráctil no avatar B1a524M

Podem ajudar?

Endereço do meu fórum:
http://unnirpg.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Rich. em 07.08.13 21:20, editado 1 vez(es)
Rich.
Rich.
Novo Membro

Membro desde : 02/08/2012
Mensagens : 28
Pontos : 44

http://unnirpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito retráctil no avatar

Mensagem por MateusA 05.08.13 18:10

Olá!

Poderia nos fornecer o link que o senhor viu tal função?

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito retráctil no avatar

Mensagem por Rich. 05.08.13 18:54

AQUI está. (E por favor não em chame "Senhor" que eu ainda nem tenho 18 anos xD)
Rich.
Rich.
Novo Membro

Membro desde : 02/08/2012
Mensagens : 28
Pontos : 44

http://unnirpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito retráctil no avatar

Mensagem por Consolado 06.08.13 18:59

Tire o fórum da manutenção, sim?
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito retráctil no avatar

Mensagem por Sennior 06.08.13 19:00

Boa tarde,

Qaundo nos referimos ao "senhor" é um maneira de respeito amigo. Mas iremos lhe chamar de você.

Aceda à teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
.postprofile dt a img {
box-shadow: 1px 1px 2px #000;
height: 400px;
margin-bottom: 8px;
margin-top: 0;
width: 200px;
}
.postprofile dt img {
height: 400px;
left: 5px;
position: absolute;
text-decoration: none!important;
top: 35px;
transition-duration: 3s;
width: 180px;
}
.postprofile:hover dt img {
text-decoration: none!important;
top: -400px;
transition-duration: 3s;
}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito retráctil no avatar

Mensagem por Rich. 06.08.13 19:49

O efeito não ficou como pretendido:
O avatar sobe, mas ele não "desaparece" como se tivesse entrado nalgum sítio e fica com um efeito hover estranho.
Rich.
Rich.
Novo Membro

Membro desde : 02/08/2012
Mensagens : 28
Pontos : 44

http://unnirpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito retráctil no avatar

Mensagem por MateusA 06.08.13 23:22

Olá!

Lamento, infelizmente só podemos lhe ajudar com isto, somente com a utilização de códigos jQuery poderemos fazer o efeito desejado, o mais parecido possível e o código fornecido pelo Mikéé Sheldon.

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

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