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.

Image Color Change On Hover (Phpbb3)

View previous topic View next topic Go down

Solved Image Color Change On Hover (Phpbb3)

Post by Akeno1 on July 10th 2013, 11:37 am

How do I make it so the Image slightly changes color when hovered over?

http://terribadacademy.forumotion.com/forum
avatar
Akeno1
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://mistvalleyacademy.forumotion.com/

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by Sanket on July 10th 2013, 12:25 pm

All images or the images on the navigation bar?
avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by levy on July 10th 2013, 9:53 pm

Hello , try this code
Code:
   img
{
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  transition: 0.3s;
}
img:hover
{
  filter: none;
  -webkit-filter: none;
}
   
avatar
levy
Hyperactive

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by Akeno1 on July 11th 2013, 5:02 am

I just want it to change the images in the sections. Nothing else.

The Gray Scale code yo ugave me doesn't work.
avatar
Akeno1
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://mistvalleyacademy.forumotion.com/

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by kirk on July 11th 2013, 5:46 am

try adding this in your css.

Code:
a.mainmenu:hover img {
opacity : .5;
-khtml-opacity : 0.7;
-moz-opacity : 0.7;
filter : alpha(opacity=20);
opacity : 0.7;
}
avatar
kirk
Forumaster

Male Posts : 11037
Reputation : 652
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by Akeno1 on July 11th 2013, 8:16 pm

candy_fear wrote:Hello , try this code
Code:
   img
{
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  transition: 0.3s;
}
img:hover
{
  filter: none;
  -webkit-filter: none;
}
   

Can you do this so it only grays out the images in the forum sections?

@ Kirk

That code did nothing.
avatar
Akeno1
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://mistvalleyacademy.forumotion.com/

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by levy on July 11th 2013, 8:52 pm

Yes I can

Code:
.row dl dd.dterm    img
{
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    transition: 0.3s;
}

.row dl dd.dterm img:hover
{
    filter: none;
    -webkit-filter: none;
}
avatar
levy
Hyperactive

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by Akeno1 on July 11th 2013, 9:09 pm

candy_fear wrote:Yes I can

Code:
.row dl dd.dterm img
{
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  transition: 0.3s;
}

.row dl dd.dterm img:hover
{
  filter: none;
  -webkit-filter: none;
}

Wasn't what I was initially looking for but it's great the just the same Smile.

Thanks!
avatar
Akeno1
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://mistvalleyacademy.forumotion.com/

Back to top Go down

Solved Re: Image Color Change On Hover (Phpbb3)

Post by Sanket on July 11th 2013, 9:27 pm

Topic Solved & Archived.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
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