xenForo - Forum icons rotates 360 degrees

Discussion in 'Web Development' started by RLZ, Dec 8, 2016.

Tags:
  1. RLZ

    RLZ C Sharp Programmer

    213
    274
    248
    Credits:
    1,695
    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: Dec 8, 2016
    iHax_dani likes this.
  2. CabCon

    CabCon Head Administrator Staff Member Head Staff Team

    4,068
    2,642
    403
    Credits:
    188,654
    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:
     
    iHax_dani, RLZ and DF_AUS like this.
  3. RLZ

    RLZ C Sharp Programmer

    213
    274
    248
    Credits:
    1,695
    ok Mr.CabCon and thanks i will be using that for the next post!
     
    iHax_dani likes this.
  4. iHax_dani

    iHax_dani New Member

    12
    1
    3
    Credits:
    24
  5. Tusta

    Tusta Head Member Donator

    20
    11
    14
    Credits:
    3,242
    Good Job :smile:
     
  6. CabCon

    CabCon Head Administrator Staff Member Head Staff Team

    4,068
    2,642
    403
    Credits:
    188,654
    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:
     
    iHax_dani likes this.
  7. RLZ

    RLZ C Sharp Programmer

    213
    274
    248
    Credits:
    1,695
    thanks bro!
     
    iHax_dani and CabCon like this.
  8. RLZ

    RLZ C Sharp Programmer

    213
    274
    248
    Credits:
    1,695
    yes
     
    iHax_dani and CabCon like this.
  9. CabCon

    CabCon Head Administrator Staff Member Head Staff Team

    4,068
    2,642
    403
    Credits:
    188,654
    Cool, what kind of forum are you doing? :smile:
     
  10. RLZ

    RLZ C Sharp Programmer

    213
    274
    248
    Credits:
    1,695
    like yours but my web its french community withe more stuff! My Website - Please login or register to view links or downloads!
     
    iHax_dani and CabCon like this.
  11. CabCon

    CabCon Head Administrator Staff Member Head Staff Team

    4,068
    2,642
    403
    Credits:
    188,654
    Quite a cool website :wink: Unfortunately I'm not speaking french... :confused:
     
    iHax_dani and RLZ like this.
  12. RLZ

    RLZ C Sharp Programmer

    213
    274
    248
    Credits:
    1,695
    ye i like your website to!
     
    iHax_dani and CabCon like this.

Share This Page