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)
Printable View
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)
Try this:
Code:<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)Quote:
Originally posted by Matthew Gates
Try this:
Code:<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>
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.
yea, when I just got home from school, I saw both of them, then when I posted , there was only 1 there
this is cool but it dosen't seem to work in netscape?
Quote:
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 ...>).
what do you mean by a link and vlink?
Code:<vlink=""> -> visited link
<alink=""> -> active link
<link=""> -> regular link
<body bgcolor="black" text="white" link="red" alink="white" vlink="blue">
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)
Any more examples about this?
Font type, size, underlined, italic etc...
Thanks.
It's all there Dragev.
Just play around with it.
Code:<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>