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

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?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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;
}
   

levy
Hyperactive

Male Posts : 2582
Reputation : 345
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.

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;
}

kirk
Forumaster

Male Posts : 11037
Reputation : 651
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.

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;
}

levy
Hyperactive

Male Posts : 2582
Reputation : 345
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!

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.

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