Welcome to the Forumotion Support!


You are not connected. Please login or register

 
 

How to make effect rotate for avatar hover[Punbb,Phpbb2]

Message (Page 1 of 1)

#1

Blade

Blade
 
Premium Member

Posted Thu Jun 27, 2013 3:21 pm

 
Hello there Smile

Want to know how to make effect rotate for avatar hover? Smile

Go to ACP>>Display>>Colors>>CSS Stylesheet

Paste this code:

Code:
.postprofile dl dt 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;
    }
    .postprofile dl dt a img:hover{
        -webkit-transform:rotate(360deg);
      -moz-transform:rotate(360deg);
      -o-transform:rotate(360deg);
    }
And go to your General Template,and find a tag {POSTER_AVATAR} or something like that i don't really know,and make a div like <div class="postprofile"> and end the div.Example was:

Code:
<div class="postprofile">{POSTER_AVATAR}</div>
And hope it works!

Question or comment?Just reply this topic! Smile





#2

FMHelp

FMHelp
 
Administrator

Posted Tue Jul 30, 2013 6:23 am

 
Okay wow you make a great tutorial mangaka! 10/10

Contribute Point +5



https://fmhelp.forumotion.com


#3

FMHelp

FMHelp
 
Administrator

Posted Sun Aug 11, 2013 12:49 pm

 
Bump!

Reminder:I already edited the tutorial.



https://fmhelp.forumotion.com


#4

Sponsored content


 

Posted

 





Message (Page 1 of 1)

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


  • Total Posts:
  • Total Members:
  • Newest Member:
  • Most Online: Most users ever online was 13 on Tue Jul 16, 2013 11:14 am

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests
Users browsing this forum: None