Como colocar efeito deslizante na logo do rank e na imagen do avatar

4 participantes

Ir para baixo

Tópico resolvido Como colocar efeito deslizante na logo do rank e na imagen do avatar

Mensagem por ggames2013 24.07.13 3:16

Qual é minha questão:
Como vocês podem ver, no forum do meu colega Lulzgamehacking.net, quando alguem posta algo, quando você passa o cursor em cima da logo do rank da um efeito tipo deslizante, e na imagen do avatar tambem.

Obs:  Esses efeitos não é do vBulletin, porque antes dele colocar vBulletin ja tinha esse efeito.

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

Versão do fórum:
PUNBB
ggames2013
ggames2013
Novo Membro

Membro desde : 24/07/2013
Mensagens : 5
Pontos : 9

http://codeskill.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar efeito deslizante na logo do rank e na imagen do avatar

Mensagem por Sennior 24.07.13 4:15

Como colocar efeito deslizante na logo do rank e na imagen do avatar Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Boa noite caro e bem vindo ao FDF! Muito feliz

Necessito que o senhor mande o link do fórum que contem a função que deseja colocar em teu fórum.

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: Como colocar efeito deslizante na logo do rank e na imagen do avatar

Mensagem por Tofu 24.07.13 4:36

Olá meu caro!

Tente isso:

Código:
div.user-basic-info img:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}


Adicione em sua CSS (Painel > Visualização > Imagens e Cores > Cores > Folha de Estilo).

Espero ter ajudado.
avatar
Tofu
****

Membro desde : 16/07/2013
Mensagens : 284
Pontos : 428

http://verdadeplena.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar efeito deslizante na logo do rank e na imagen do avatar

Mensagem por MateusA 24.07.13 12:01

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

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

Valide e veja o resultado.
Tive uma idéia!
Atenciosamente,
Crazy.
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