PDA

Click to See Complete Forum and Search --> : Chaning link color on mouse over


dimava
Sep 25th, 2000, 05:30 AM
how do I made it so that when someone puts their mouse over one of my links, the link gets BOLD and changes Color, also how do I do that with an image (change image when mouse is over, and change back when mouse is off)

Sep 25th, 2000, 02:00 PM
Try this:

<html><head>
<style>
<!--
A:link{text-decoration: none;color:purple;}
A:visited{text-decoration: none;color:purple;}
A:hover {text-decoration: none;font weight: bold;color:blue;}
A:active{text-decoration: none;color:purple;}
-->
</style>
</head>
<body>
<a href="http://www.vb-world.net">Vb-World.Net</a>
</body></html>

dimava
Sep 25th, 2000, 02:02 PM
Originally posted by Matthew Gates
Try this:

<html><head>
<style>
<!--
A:link{text-decoration: none;color:purple;}
A:visited{text-decoration: none;color:purple;}
A:hover {text-decoration: none;font weight: bold;color:blue;}
A:active{text-decoration: none;color:purple;}
-->
</style>
</head>
<body>
<a href="http://www.vb-world.net">Vb-World.Net</a>
</body></html>

Thanks matt (I just had to quote that so that the simlies dont come up when I try to copy it)

Sep 25th, 2000, 02:44 PM
This morning I posted something from skool, so I couldn't really look, so I got home, and found out that it didn't do what you wanted, so I posted that one and works fine for me. I edited so that the smilie wouldn't come up.

:p = ^ (same as bold words above)

That's why that smilie showed up.

dimava
Sep 25th, 2000, 02:46 PM
yea, when I just got home from school, I saw both of them, then when I posted , there was only 1 there

pnj
Oct 4th, 2000, 01:39 PM
this is cool but it dosen't seem to work in netscape?

Oct 4th, 2000, 08:36 PM
Originally posted by pnj
this is cool but it dosen't seem to work in netscape?



Netscape sucks :rolleyes:.
I have only used Netscape once and that was a long time ago (2 year ago, I think)..like I said, a long time ago ;).

The only thing good about Netscape is that it probably doesn't crash as much as IE. But what works in IE, doesn't work in Netscape.

I don't know what to tell you there. That is the only code I know unless you use alink/link/vlink (<body alink/link/vlink=colors ...>).

dimava
Oct 4th, 2000, 08:38 PM
what do you mean by a link and vlink?

Oct 4th, 2000, 10:10 PM
<vlink=""> -> visited link
<alink=""> -> active link
<link=""> -> regular link


<body bgcolor="black" text="white" link="red" alink="white" vlink="blue">

pnj
Oct 4th, 2000, 10:25 PM
I don't know who your designing for but if people who are
looking at your site use netscape, they won't see much.(if
you design for IE only)

Dragev
Oct 10th, 2000, 08:11 AM
Any more examples about this?
Font type, size, underlined, italic etc...

Thanks.

Oct 10th, 2000, 01:18 PM
It's all there Dragev.

Just play around with it.

<html><head>
<style>
<!--
A:link{text-decoration: none;color:purple;}
A:visited{text-decoration: none;color:purple;}
A:hover {text-decoration: none;font weight: bpld;font size: 20;color:blue;}
A:active{text-decoration: none;color:purple;}
-->
</style>
</head>
<body>
<a href="http://www.vb-world.net">Vb-World.Net</a>
</body></html>