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.

Avatar effect 2 !!!

View previous topic View next topic Go down

Avatar effect 2 !!!

Post by Daniel_BG on September 16th 2012, 5:38 pm

http://help.forumotion.com/t114403-avatar-effect?highlight=avatar+efect

This topic is an effects rotation of avatar!
Could you give me an effect of enlargement (slight change in size when approached with the mouse)
??? :wouhou:
Tnx !

Daniel_BG
Forumember

Male Posts : 183
Reputation : 1
Language : Bulgarian English
Location : Bulgaria

http://yugioh-mania.bulgarianforum.net/

Back to top Go down

Re: Avatar effect 2 !!!

Post by Sir Chivas™ on September 17th 2012, 4:58 am

Hi,

Try this code:
Code:
.poster-profile img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
.poster-profile img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

Code from, FMCODES.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Avatar effect 2 !!!

Post by Daniel_BG on September 17th 2012, 7:40 am

nooo nooo this is bed effect !!! ...
Give me just another avatar that is all pictures

Daniel_BG
Forumember

Male Posts : 183
Reputation : 1
Language : Bulgarian English
Location : Bulgaria

http://yugioh-mania.bulgarianforum.net/

Back to top Go down

Re: Avatar effect 2 !!!

Post by Sanket on September 17th 2012, 6:26 pm

Considering you are using phpbb2 as it says in your profile, add this code to your css & check. Change the width & height to whatever you want.
Code:
 span.postdetails a img:hover{
  width:25px !important;
  height:25px !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

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