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.

How to put shadow on every picture when the mouse is over them

View previous topic View next topic Go down

Solved How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:01 pm

Hello guys.

I want to ask if there is a way to put shadow on every picture when the mouse is over them. Thank you for your help.



Last edited by tedyblue on February 24th 2013, 9:54 pm; edited 1 time in total

tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:14 pm




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:26 pm

I ment something like this. But not only with the logo but also with avatars and "Who is online?" picture. When the mouse is on them they have shadow.


tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:28 pm

Can you please provide the URL of the forum inside that screenshot? Wink



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:31 pm

On PM?

tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:41 pm

No, here would be fine.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:42 pm


tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:48 pm

For the who's online:
Code:
img#i_whosonline:hover {
border: solid 1px #000000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
transition-duration: 0.5s;
-moz-box-shadow: 2px 2px 22px #000000;
-webkit-box-shadow: 2px 2px 22px #000000;
box-shadow: 2px 2px 22px #000000;
}

For the Logo:
Code:
img#i_logo:hover {
border: solid 1px #000000;
-moz-box-shadow: 2px 2px 22px #000000;
-webkit-box-shadow: 2px 2px 22px #000000;
box-shadow: 2px 2px 22px #000000;
transition-duration: 0.5s;
}

For the Avatars:
Code:
span.postdetails 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;
}

 span.postdetails a img:hover{
    -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:53 pm

It worked. Thank you very much for the help.

Marked as solved

tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 10:05 pm

No problem, anytime. Wink



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by SLGray on February 25th 2013, 1:01 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

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