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.

Spinning Profile Image

View previous topic View next topic Go down

Spinning Profile Image

Post by silentbone on August 9th 2013, 10:10 pm

I've seen this in a few websites, but I can't find anything about how to do it on here. It does what the topic description describes, it just makes ones profile image spin if you hover over it. 

This is one of the sites that has it, all you have to do is run your mouse over it and it spins.  

Code:
http://www.serenityriverpack.com/t2225-naruto-storm#62647


This's my sites URL, it's a phpBB3

Code:
soulwatchers.forumotion.com


- Bone

silentbone
New Member

Female Posts : 4
Reputation : 1
Language : English
Location : TARDIS

http://www.soulwatchers.forumotion.com

Back to top Go down

Re: Spinning Profile Image

Post by Ange Tuteur on August 10th 2013, 1:10 am

Judging by their forum it looks like they have access to templates. By placing a hook on the user avatar variable in the viewtopic_body you can modify it through your stylesheet.

If you were to do that you would use the pseudo class ':hover' for your selector, the property 'transform' and the property value rotate(VALUEHEREdeg); the overall setup should look like this:

Code:
.YOURHOOKSELECTOR {
  transition: all 0.5s;
}
.YOURHOOKSELECTOR:hover {
  transform: rotate(360deg);
}
You will also need to use the transition property to adjust the time it takes to complete the task. Unfortunately I do not believe this will be possible on phpbb3 from what I know, unless of course you're looking to add that effect to nearly all images on your forum.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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