Gerir efeito giratório no avatar
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
Gerir efeito giratório no avatar
Qual é minha questão:
Queria por esse efeito simples da imagem do perfil rodar um poquinho para esquerda ou direita,
Eu prefiro q ela rode para direita tipo, || prá \\
intende ?
Segue a print, so pra eskerda.
Dicas ?
Links e imagens do meu problema:
https://i.imgur.com/QxuP0.png
Endereço do meu fórum:
http://nvgames.forumeiros.com
Versão do meu fórum:
PHPBB3
Queria por esse efeito simples da imagem do perfil rodar um poquinho para esquerda ou direita,
Eu prefiro q ela rode para direita tipo, || prá \\
intende ?
Segue a print, so pra eskerda.
Dicas ?
Links e imagens do meu problema:
https://i.imgur.com/QxuP0.png
Endereço do meu fórum:
http://nvgames.forumeiros.com
Versão do meu fórum:
PHPBB3
Última edição por Lud_. em 24/08/12, 09:56 pm, editado 1 vez(es)
Lud_.- Nível 8
-
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241
Re: Gerir efeito giratório no avatar
Olá novamente amigo!
Sempre cheque a lista de tutoriais, dicas e astúcias.
Leia este tutorial: https://ajuda.forumeiros.com/t64167-tutorial-efeito-giratorio-no-avatar
Até mais,
Oto!
.
Sempre cheque a lista de tutoriais, dicas e astúcias.

Leia este tutorial: https://ajuda.forumeiros.com/t64167-tutorial-efeito-giratorio-no-avatar
Até mais,
Oto!

Oto!- Hiperativo
- Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818
Re: Gerir efeito giratório no avatar
Mais aii a foto fica girando sem parar, eu so kero q ela gire igual na print xD
tem como ?
tem como ?
Lud_.- Nível 8
-
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241
Re: Gerir efeito giratório no avatar
Boas!
Talvez pode haver um jeito, fazendo com o mesmo tutorial do Lullaby.
Aceda a tua folha de estilo CSS, com o código abaixo:
Até logo.
Talvez pode haver um jeito, fazendo com o mesmo tutorial do Lullaby.
Aceda a tua folha de estilo CSS, com o código abaixo:
Painel de ControleVisualização
Imagens e Cores
Cores
- Código:
.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
}
Até logo.

Sennior- Membro profissional
-
Inscrito dia : 10/06/2011
Mensagens : 16355
Pontos Ativos : 20860
Lud_.- Nível 8
-
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241
Re: Gerir efeito giratório no avatar
Boas!
Tente este código:
Coloque em teu CSS e valide.
Até mais!
Tente este código:
dt {
-webkit-transform: rotate(1802deg) scale(1);
}
Coloque em teu CSS e valide.
Até mais!

Sennior- Membro profissional
-
Inscrito dia : 10/06/2011
Mensagens : 16355
Pontos Ativos : 20860
Re: Gerir efeito giratório no avatar
Agr ele fikou parado na meia diagonal em vez de se mecher quando passa o mouse -'
Lud_.- Nível 8
-
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241
Re: Gerir efeito giratório no avatar
Tbm queria saber , UP !
[S]herlock- Usuário avançado
-
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597
Re: Gerir efeito giratório no avatar
Olá,
Substitua o código CSS por este:
Até mais.
Substitua o código CSS por este:
- Código:
.postprofile dt img:hover{
-webkit-transform: rotate(360deg) scale(1);
-moz-transform: rotate(360deg) scale(1);
-o-transform: rotate(360deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
Até mais.
Lexus- Super usuário
-
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692
Re: Gerir efeito giratório no avatar
Num era assim q eu keria mais tah bom assim, vlw 
Resolvido, + REP

Resolvido, + REP
Lud_.- Nível 8
-
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum