xenForo - Forum icons rotates 360 degrees

onateac

Programmer
Messages
233
Reaction score
272
Points
923
Template: Extra.css

code:
Code:
.node .forumNodeInfo .nodeIcon: hover, .node .categoryForumNodeInfo .nodeIcon: hover {
   -webkit-transform: rotate (360deg);
   -moz-transform: rotate (360deg);
   -or-transform: rotate (360deg);
}
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon {
   -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;
   -or-transition-property: -or-transform;
   Property transition: transform;
}


NOTE:
If that does not work, it's because you put the wrong code.
Put here:

Look: in extra.css
Code:
.nodeList .categoryStrip .nodeDescription
{
Text-align: center;
}
 
Last edited by a moderator:

CabCon

Head Administrator
Staff member
Head Staff Team
Messages
4,998
Reaction score
2,918
Points
1,053
Template: Extra.css

code:
.node .forumNodeInfo .nodeIcon: hover, .node .categoryForumNodeInfo .nodeIcon: hover {
-webkit-transform: rotate (360deg);
-moz-transform: rotate (360deg);
-or-transform: rotate (360deg);
}
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon {
-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;
-or-transition-property: -or-transform;
Property transition: transform;
}



NOTE:
If that does not work, it's because you put the wrong code.
Put here:

Look: in extra.css
.nodeList .categoryStrip .nodeDescription
{
Text-align: center;
}
Good post, I recommend to you to use next time the CODE-Tag for codes, this makes threads more clean! :grinning:

Like here:

Code:
.node .forumNodeInfo .nodeIcon: hover, .node .categoryForumNodeInfo .nodeIcon: hover {
   -webkit-transform: rotate (360deg);
   -moz-transform: rotate (360deg);
   -or-transform: rotate (360deg);
}
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon {
   -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;
   -or-transition-property: -or-transform;
   Property transition: transform;
}

Thank you,
Regards,
CabCon. :peace:
 

onateac

Programmer
Messages
233
Reaction score
272
Points
923
Good post, I recommend to you to use next time the CODE-Tag for codes, this makes threads more clean! :grinning:

Like here:

Code:
.node .forumNodeInfo .nodeIcon: hover, .node .categoryForumNodeInfo .nodeIcon: hover {
   -webkit-transform: rotate (360deg);
   -moz-transform: rotate (360deg);
   -or-transform: rotate (360deg);
}
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon {
   -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;
   -or-transition-property: -or-transform;
   Property transition: transform;
}

Thank you,
Regards,
CabCon. :peace:
ok Mr.CabCon and thanks i will be using that for the next post!
 

CabCon

Head Administrator
Staff member
Head Staff Team
Messages
4,998
Reaction score
2,918
Points
1,053
ok Mr.CabCon and thanks i will be using that for the next post!
That's nice to hear, thank you!

I edited your current post and added the code tag. :smile:

From where do you know all that? Are you hosting a xenForo website too? :smile:
 
Top