|
Here are some CSS codes which
you can use. Help with tables and forms will be added soon. If you need help on
certain codes or tags and you couldn't find them here, e-mail
me and I'll try my best to help you.
I get most of these codes from LissaExplains
and Funky-Chickens.
There are more useful codes there.
|
|
The underline of the link doesn't look
nice? Get rid of it! How? See below! You must put these
codes between the </TITLE> and </HEAD> tags.
Remember that it only works for newer version browsers.
<style
type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--> </style>
The none means there will be no underline for
the links. |
|
|
|
You can make your links change color on mouseover too!
Well, yes, this only works with newer version browsers.
<style type="text/css">
<!--
A:link { text-decoration: none; color:"#xxxxxx" }
A:visited { text-decoration: none; color:"#xxxxxx" }
A:hover { text-decoration: none; color:"#xxxxxx" }
-->
</style>
If you want to keep the underline of the
links, change the none to underline. You can also try with other
text-decorations. There are none, underline, overline, underline
overline, line-through and blink (Netscape only). All you
have to do is replace either one of them with none. |
There are actually four types of links, which are link,
visited, hover and active. We normally ignore active. You have to set the
text-decoration according to these. |
|
|
|
Now, you can change the background color and add a
background image of your link when mouseover too. Try this.
A:hover { text-decoration: none;
color:"#xxxxxx"; background: #xxxxxx }
A:hover { text-decoration: none;
color:"#xxxxxx"; background-image:url(firefaerie.gif)
} |
|
|
|
If you want to change the cursor when mouseover, copy the
codes down here.
<a href="url"
style="cursor:wait"><img src="firefaerie.gif"></a>
or
<a href="url"
style="cursor:wait">Your message here</a>
Okie, if you don't want this
cursor, you can try the others. There are wait, crosshair, hand,
help, text, move, n-resize, e-resize, s-resize,
w-resize, ne-resize, nw-resize, se-resize and sw-resize. |
|
|