BP Forums
HTML ! How to Highlight a tab when Hover over it ? - Printable Version

+- BP Forums (https://bpforums.info)
+-- Forum: Archived Forums (https://bpforums.info/forumdisplay.php?fid=55)
+--- Forum: Archived Forums (https://bpforums.info/forumdisplay.php?fid=56)
+---- Forum: HTML/CSS/PHP (Web Development) (https://bpforums.info/forumdisplay.php?fid=23)
+---- Thread: HTML ! How to Highlight a tab when Hover over it ? (/showthread.php?tid=482)

HTML ! How to Highlight a tab when Hover over it ? - Himansh - 03-15-2012

I saw this website
<!-- m --><a class="postlink" href="http://www.pbaproductions.com/">http://www.pbaproductions.com/</a><!-- m -->

and you will notice that whenever you put your cursor on about us and other tabs they will highlight

can anybody tell me how to do that

Re: Please Help! - Vinwarez - 03-15-2012

That is not really hard. The "light" which appears when the link is hovered is actually an image. To activate that image you should use the CSS :hover.

An example:
Code:
<html>

<head>
<style type="text/css">
a:hover
{
background-color:black;
color:white;
}
</style>
</head>

<body>
<a href="http://bpforums.info">BP Forums</a>
</body>

</html>
In the following example, every link on the website you created will turn to Black and White after hovering it. The background color will be black and the text color will be white. Of course, you can put an image on your page and make it change after hovering it. I do not know how to explain it better, but hopefully you understood.

Regards,
Vinwarez.

Re: Please Help! - xolara - 03-16-2012

Its not an image its CSS coding

Re: Please Help! - Vinwarez - 03-17-2012

Isn't it an image that appears after hovering the link?

Re: Please Help! - xolara - 03-17-2012

No since its my website i think i know what it is its just a text using CSS Coding

Re: Please Help! - Vinwarez - 03-17-2012

Alright. By the way, nice website.

Re: HTML ! How to Highlight a tab when Hover over it ? - srima - 10-02-2012

hi thanks for your information

Re: HTML ! How to Highlight a tab when Hover over it ? - Himansh - 10-05-2012

Thanks a Lot all the Above Users!
Now, I came back after a long time learning HTML , CSS and some Javascript!

So, Currently i am feeling foolish to ask such an easy question <!-- sSmile --><img src="{SMILIES_PATH}/icon_e_smile.gif" alt="Smile" title="Smile" /><!-- sSmile -->

Then also, Thanks all the BP Forums Members to reply to my question and to take interest in that.

Your Friend
-Himansh