The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Avatar effect

View previous topic View next topic Go down

Solved Avatar effect

Post by tedyblue on September 8th 2012, 5:59 pm

Hallo, guys.

I was wonderwing whether it would be possible to put some effects on the avatars in my forum?
I mean when I move the cursor on the avatar, the avatar to go up and when I move the coursor away the avatar to go back to its normal position. Thanks for the help.




Last edited by tedyblue on September 9th 2012, 8:30 pm; edited 1 time in total

tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: Avatar effect

Post by Sanket on September 9th 2012, 8:11 pm

Are you using phpbb2?

http://testing.4rumer.com/t34-spoiler-spoiler#83

Check that forum, hover over the avatar. That revolving effect, do you need a code to do that?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Avatar effect

Post by tedyblue on September 9th 2012, 8:19 pm

Yes, I am using phpbb2.

It would be nice to give the code for the revolving effect. Thanks again. Smile

tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: Avatar effect

Post by Sanket on September 9th 2012, 8:25 pm

Add that to your css & check please.
Code:
span.postdetails a img{
  -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;   
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   transition-property: transform;   
   overflow:hidden;
}
 span.postdetails a img:hover{
     -webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
   -o-transform:rotate(360deg);
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Avatar effect

Post by tedyblue on September 9th 2012, 8:29 pm

It worked. Thanks.

Marked as solved.

tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: Avatar effect

Post by Sanket on September 9th 2012, 8:32 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum