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

Item: Como colocar efeito deslizante na logo do rank e na imagen do avatar
Rating: 1

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

por Sennior 24.07.13 4:15

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Regras do Fórum, e o que você não deve fazer neste fórum.
Os demais fóruns de Suporte Forumeiros
Lista de Tutoriais e astúcias e Questões frequentes.
Conheça a Staff do Fórum dos Fóruns.
Conheça a função Busca.

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.

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.

por MateusA 24.07.13 12:01

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores 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.

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

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

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

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

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