How To Active Hover? Where I have to Change?

[opengiga]

Hello friends, How are you all?

Here is my website: http://www.opengiga.com

Firstly, You should this site's CSS function: http://www.gigaom.com

Secondly, Here you see the post title's hover color and text color. When you mouse over on the "Post Tile" link then hold on red color $ text hold on White color. How I can make it or enable it for my opengiga.com site? Where I have to edit?

Thirdly, On www.gigaom.com this site's active links also do the same work (under post articles). When you mouse over on the active link it's hold on red color and text hold on White color. How I can make it or enable it for my opengiga.com site? Where I have to edit?

I have no idea about CSS. But, if anybody tell me or guide me, where I have to go and which code should be changed, I can do it.

For your kind information I am now using WordPress 2.2

Hope your understand? If any problem to understand please tell me...

Waiting for the right solution.........


Thanks

[karinne]

Moved to CSS forum

Check the CSS Beginner FAQ sticky.

[alexgeek]

you do this with the pseudo class :hover
Link:
http://www.w3schools.com/css/css_pseudo_classes.asp


for example that is the second heading (<h2>)
so the css would like like:

h2:hover {
background-color: #FF00FF;
color: #FFFFFF;
}

Obviously you'll have to change the color codes.

[karinne]

The :hover pseudo only works on links in IE so ... that's a no go.

The solution is in the link supplied.

[moojoo]

.htc files. A necessary evil but at least they work.

[karinne]

Not for a simple color change on :hover?

[moojoo]

No, I was talking more along the lines of menu systems and other scenarios where a :hover is required on non link elements such as li:hover etc.. Ignore the man behind the inter web screenie.

[karinne]

Ah! OK ....

[opengiga]

Thanks for your support.

But, nobody specifically didn't tell me where I have to change?

[Monie]

Originally Posted by karinne

Moved to CSS forum

Check the CSS Beginner FAQ sticky.

The link that karinne gave is the basic answer to your question.

Code: Select all

a:link {
  color: #090;
}
a:visited {
  color: #099;
}
a:hover {
  color: #900;
}
a:active {
  color: #009;
}

Throw this code somewhere in your css style, and adjust the color to your need.