PDA

View Full Version : How to make links look sexual :D



GoldenMerc
03-06-2009, 02:47 PM
Right, so when i hyper link it comes up on the webpage as ugly, blue writing and a underscore, how do i make it so its just normal text then when its hovered over it goes bold?
+Rep for help!
Ross

Meti
03-06-2009, 02:53 PM
Here's an example:

#a:link { color: black; text-decoration: none; }
#a:hover { color: black; text-decoration: underline; font-weight: bold; }
#a:active { color: black; text-decoration: underline; font-weight: bold; }

To make this work, all your links should look like:
<a href="LINK">LINK NAME HERE</a>

GoldenMerc
03-06-2009, 03:00 PM
So where would i put that example?

Jxhn
03-06-2009, 04:10 PM
In the style sheet, but with out the '#'s.

GoldenMerc
03-06-2009, 09:16 PM
done that although its still underlined ;[

iDenning
03-06-2009, 09:28 PM
done that although its still underlined ;[
clear your cache, ctrl+f5, that should work? As i believe both comments above are correct

Agnostic Bear
04-06-2009, 11:55 AM
a { text-decoration: none; }

eLv
04-06-2009, 12:04 PM
<html>
<head>
<style>
a:link { color: black; text-decoration: none; }
a:hover { color: black; text-decoration: underline; font-weight: bold; }
a:active { color: black; text-decoration: underline; font-weight: bold; }
</style>
</head>
<body>
<a href="http://link.com">Link</a>
</body>
</html>

Meti
05-06-2009, 08:20 PM
<html>
<head>
<style type="text/css">
<!--
a:link { color: black; text-decoration: none; }
a:hover { color: black; text-decoration: underline; font-weight: bold; }
a:active { color: black; text-decoration: underline; font-weight: bold; }
-->
</style>
</head>
<body>
<a href="http://link.com">Link</a>
</body>
</html>

Edited a bit

Agnostic Bear
05-06-2009, 08:56 PM
Edited a bit

Why did you put <!-- -->, every browser supports CSS that's worth anything.

Want to hide these adverts? Register an account for free!