The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Avatar effect 2 !!!

3 posters

Go down

Avatar effect 2 !!! Empty Avatar effect 2 !!!

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

https://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 !
avatar
Daniel_BG
Forumember

Other / Decline to state Posts : 250
Reputation : 3
Language : Bulgarian English

https://cs-lan-empire.forumotion.eu/

Back to top Go down

Avatar effect 2 !!! Empty Re: Avatar effect 2 !!!

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

Avatar effect 2 !!! Empty Re: Avatar effect 2 !!!

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

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

Other / Decline to state Posts : 250
Reputation : 3
Language : Bulgarian English

https://cs-lan-empire.forumotion.eu/

Back to top Go down

Avatar effect 2 !!! Empty Re: Avatar effect 2 !!!

Post by Sanket 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
Sanket
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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