Como dar um efeito a seu avatar ao passar o mouse em cima

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

Resolvido Como dar um efeito a seu avatar ao passar o mouse em cima

Mensagem por ArcadiaCheats em 14/12/12, 08:47 pm

Qual é minha questão:
Olá, eu queria saber como coloco o Efeito ao Passar o Mouse no avatar. Tipo esse forum:   www.gamehaking.forumbrasil.net PS: Ele é do forumeiros.

E Outro, tem jeito de colocar Titulo ? Tipo: Um titulo em Cima da Imagem, exp: Administrador do ArcadiaCheats.

Que se localiza em cima da imagem, Se tiver jeito, como eu coloco ?

Endereço do meu fórum:
http://arcadiacheats.cz.cc

Versão do fórum:
PHPBB2
avatar

ArcadiaCheats
Nível 3

Masculino
Inscrito dia : 14/12/2012
Mensagens : 16
Pontos Ativos : 36

Ver perfil do usuário http://arcadiacheats.cz.cc/

Resolvido Re: Como dar um efeito a seu avatar ao passar o mouse em cima

Mensagem por Eliseu_Oliveira em 14/12/12, 09:01 pm

Olá !

Painel de controles Seta Visualização :seta2: Cores Seta Folha de estilo CSS

Não sei a verção do seu fórum então tente esses codigos:

PhpBB2:
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);
}

PhpBB3:
Código:
[b]div.postprofile dl dt 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;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}[/b]

PunBB:
Código:
div.user-basic-info img{
    margin: 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;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

Invision:
Código:
dl.postdetails dt img{
      margin-bottom: 10px;
    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;
}
 
dl.postdetails dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

Não esquessa de dar Obrigado

Cordialmente Eliseu Positivo
avatar

Eliseu_Oliveira
Usuário destaque

Masculino
Inscrito dia : 29/07/2012
Mensagens : 516
Pontos Ativos : 764

Ver perfil do usuário http://familiaavast.sampforum.net

Resolvido Re: Como dar um efeito a seu avatar ao passar o mouse em cima

Mensagem por Sennior em 14/12/12, 11:53 pm

Olá!

O fórum mencionado não tem nenhuma função. Talvez o efeito giratório que o senhor esta querendo, use um destes códigos acima e veja se resulta!

Até mais! Muito feliz
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

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