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

3 participantes

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

Tópico resolvido Como dar um efeito a seu avatar ao passar o mouse em cima

Mensagem por ArcadiaCheats 14.12.12 22:47

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
ArcadiaCheats

ArcadiaCheats
Novo Membro

Membro desde : 14/12/2012
Mensagens : 16
Pontos : 36

http://arcadiacheats.cz.cc/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como dar um efeito a seu avatar ao passar o mouse em cima

Mensagem por Eliseu_Oliveira 14.12.12 23:01

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
Eliseu_Oliveira

Eliseu_Oliveira
Membro

Membro desde : 29/07/2012
Mensagens : 516
Pontos : 764

http://familiaavast.sampforum.net

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como dar um efeito a seu avatar ao passar o mouse em cima

Mensagem por Sennior 15.12.12 1:53

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
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

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