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.

Rotating Navbar Images?

View previous topic View next topic Go down

Solved Rotating Navbar Images?

Post by MadroX on November 23rd 2013, 8:14 am

Hey guys, I found a thread that showed how to add rotating avatar images, I was wondering how I could also make the navbar images rotate upon cursor hover like so...

http://testing.4rumer.com/login?redirect=%2Ft34-topic#83

Here is the css code for rotating avatars

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


Last edited by MadroX on November 23rd 2013, 2:17 pm; edited 1 time in total

MadroX
Forumember

Posts : 39
Reputation : 0
Language : English

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by Ange Tuteur on November 23rd 2013, 9:04 am

Hello MadroX,

For the menu I believe it would be this:
Code:
a.mainmenu img{
transition:0.5s;
}
a.mainmenu img:hover{
transform:rotate(360deg);
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by MadroX on November 23rd 2013, 12:12 pm

I appreciate the help but unfortunately this did not work. Is there a certain area in the CSS I'm supposed to add it to?

MadroX
Forumember

Posts : 39
Reputation : 0
Language : English

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by Ange Tuteur on November 23rd 2013, 1:36 pm

Can you please provide a link to your forum?

Thanks I love you

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by MadroX on November 23rd 2013, 2:01 pm


MadroX
Forumember

Posts : 39
Reputation : 0
Language : English

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by Ange Tuteur on November 23rd 2013, 2:04 pm

I did a test on your forum and it worked. Which browser are you using?

Try with this:
Code:
a.mainmenu img{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
a.mainmenu img:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by MadroX on November 23rd 2013, 2:04 pm

I am using google chrome

MadroX
Forumember

Posts : 39
Reputation : 0
Language : English

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by Ange Tuteur on November 23rd 2013, 2:06 pm

Try with the code I provided above, webkit should ensure it works.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by MadroX on November 23rd 2013, 2:07 pm

Thank you so much, It works! You have been such a great help to me! By the way how do you like my forums?

MadroX
Forumember

Posts : 39
Reputation : 0
Language : English

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by Ange Tuteur on November 23rd 2013, 2:11 pm

It looks great thumright

Can we consider this topic solved?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by MadroX on November 23rd 2013, 2:17 pm

Thank you, and it only looks that great because of all the help you guy's provide us with here! And yes topic solved Smile

MadroX
Forumember

Posts : 39
Reputation : 0
Language : English

Back to top Go down

Solved Re: Rotating Navbar Images?

Post by Ange Tuteur on November 23rd 2013, 2:19 pm

You're welcome I love you

Topic Solved and Archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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