Hover for making image b&w and also b&w into color
3 posters
Page 1 of 1
Hover for making image b&w and also b&w into color
Hi guys!
Could anybody help me with this question please? I'm wondering how can I add a black & white hover effect to an image? and also, how should I do it the other way? I mean, from a b&w image make a hover effect of transforming it into full color image that it's originally?
Thank you very much in advance
Could anybody help me with this question please? I'm wondering how can I add a black & white hover effect to an image? and also, how should I do it the other way? I mean, from a b&w image make a hover effect of transforming it into full color image that it's originally?
Thank you very much in advance
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: Hover for making image b&w and also b&w into color
Are you referring to the images in posts or random icons on your forum?
Re: Hover for making image b&w and also b&w into color
random icons on my forum, user panel icons, like "home, search, members, inbox" etc
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: Hover for making image b&w and also b&w into color
Well those icons you can do them one by one from the css. Add the b&w images as the default ones and then add the "hover" code to the css with the colored image. That is the only way i know to do that.
Re: Hover for making image b&w and also b&w into color
so what are the hover codes for both scenarions? ^^
1. color -> bw
2. bw - color
1. color -> bw
2. bw - color
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: Hover for making image b&w and also b&w into color
yep, so what code should I add and where exactly?
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: Hover for making image b&w and also b&w into color
For the start and if you are awaiting from me the solution tell me your forum address and the exact icons you want to do this effect!
Re: Hover for making image b&w and also b&w into color
Hi
LOL... sorry, when I was conjuring this code up, I kinda got carried away xD. Anyway, if you want to target everything, you should input a code like:
Change #Color to the color you want or you can add additional styles. Now, if you want an image, you can try something like:
Though there's no guarantee that would be applicable to all images (Didn't even test it, that's justa rough idea - the one with image, that is).
Regards,
Pizza Boi
LOL... sorry, when I was conjuring this code up, I kinda got carried away xD. Anyway, if you want to target everything, you should input a code like:
- Code:
*:hover {
background-color: #Color;
color: #Color;
}
Change #Color to the color you want or you can add additional styles. Now, if you want an image, you can try something like:
- Code:
*:hover {
background:url(IMG LINK) repeat center scroll scroll;
z-index: 999;
color: #Color;
}
Though there's no guarantee that would be applicable to all images (Didn't even test it, that's justa rough idea - the one with image, that is).
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Hover for making image b&w and also b&w into color
sorry, my bad that I didn't wrote me address of the forum, it's http://prorevolution.forumotion.com/
what I want to do is the icons of search, ,members, groups, etc be in a black &white color (images I will create later), and after mouse points at them, they become their original color, what code exactly should I use to achieve this?
what I want to do is the icons of search, ,members, groups, etc be in a black &white color (images I will create later), and after mouse points at them, they become their original color, what code exactly should I use to achieve this?
moi_lolito- Forumember
- Posts : 92
Reputation : 1
Language : English
Re: Hover for making image b&w and also b&w into color
Hi
Well, technically, if you just want the FONT to change color, just add color: #Color !important. But please provide an image of what you want change so we don't have much trouble .
Regards,
Pizza Boi
Well, technically, if you just want the FONT to change color, just add color: #Color !important. But please provide an image of what you want change so we don't have much trouble .
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum