Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
HTML ! How to Highlight a tab when Hover over it ?
#1
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
The Power to Believe in Yourself is the Power to change the Fate!
#2
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.
Also known as Rocketalypse.
System.out.println("I prefer Java.");
#3
Its not an image its CSS coding
Website: <!-- m --><a class="postlink" href="http://www.PBAProductions.com">http://www.PBAProductions.com</a><!-- m -->
E-Mail: <!-- e --><a href="mailtoTongueatrick@AriSystems.Org">Patrick@AriSystems.Org</a><!-- e -->
Skype: Qwaxer
Youtube: Qwaxer
[Image: 2hnx8av.jpg]
#4
Isn't it an image that appears after hovering the link?
Also known as Rocketalypse.
System.out.println("I prefer Java.");
#5
No since its my website i think i know what it is its just a text using CSS Coding
Website: <!-- m --><a class="postlink" href="http://www.PBAProductions.com">http://www.PBAProductions.com</a><!-- m -->
E-Mail: <!-- e --><a href="mailtoTongueatrick@AriSystems.Org">Patrick@AriSystems.Org</a><!-- e -->
Skype: Qwaxer
Youtube: Qwaxer
[Image: 2hnx8av.jpg]
#6
Alright. By the way, nice website.
Also known as Rocketalypse.
System.out.println("I prefer Java.");
#7
hi thanks for your information
#8
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
The Power to Believe in Yourself is the Power to change the Fate!


Possibly Related Threads…
Thread Author Replies Views Last Post
  http://espace-hamelin.fr/index.html SGe suede boo 0 1,934 Less than 1 minute ago
Last Post:
  http://espace-hamelin.fr/index.html TUF male Ppn 0 2,038 Less than 1 minute ago
Last Post:

Forum Jump:


Users browsing this thread: 1 Guest(s)