Efeito na diagonal em todas as imagens do perfil

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

Resolvido Efeito na diagonal em todas as imagens do perfil

Mensagem por .Danni. em 29/09/12, 11:14 pm

Qual é minha questão:
Eu peguei o código deste tutorial http://ajuda.forumeiros.com/t64155-tutorial-adicionar-efeito-ao-passar-o-mouse-por-cima-da-avatar para colocar nos avatares do meu fórum, contudo ele acaba alterando todas as imagens, incluindo ranks, warning e até a barra que tem no perfil, há um modo de corrigir isso?

Links e imagens do meu problema:


Endereço do meu fórum:
http://mundobruxo.ace.st

Versão do meu fórum:
PHPBB2
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Efeito na diagonal em todas as imagens do perfil

Mensagem por .Danni. em 02/10/12, 08:24 pm

up
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Efeito na diagonal em todas as imagens do perfil

Mensagem por Hiro Man em 03/10/12, 01:13 pm

tente ver se não foi um erro de digitação ou algo corropido na hora em que voce colocou.
ATT:HIRO
avatar

Hiro Man
Nível 2

Masculino
Inscrito dia : 02/10/2012
Mensagens : 5
Pontos Ativos : 7

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

Resolvido Re: Efeito na diagonal em todas as imagens do perfil

Mensagem por Hyouki em 03/10/12, 01:20 pm

Olá amigo , adicione esse código a sua css .
Código:
.poster-profile img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
.poster-profile img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Efeito na diagonal em todas as imagens do perfil

Mensagem por .Danni. em 04/10/12, 10:34 pm

Mas é esse código que me dá problema, ele altera todas as imagens do perfil, eu queria saber com qual classe ele altera só a imagem do avatar.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Efeito na diagonal em todas as imagens do perfil

Mensagem por Sennior em 04/10/12, 10:44 pm

Bem, Infelizmente não há como. O código e indicado para isto mesmo, interferi em todas as imagens do perfil, lamento.

Até mais.
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 na diagonal em todas as imagens do perfil

Mensagem por .Danni. em 07/10/12, 02:51 am

Certo, obrigada, podem fechar o tópico.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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