« Go back to Trixinity.net
Custom Cursors
There are 15 basic cursors you can use on your computer or website, using a little CSS and adding it to your HTML document is all you need to do to have these nifty little things.
The 15 basic cursors are:
To view example of the above cursors, run your move over the name of the cursor.
DEFAULT
TEXT
W-RESIZE
HAND
CROSSHAIR
NW-RESIZE
HELP
N-RESIZE
NE-RESIZE
WAIT
S-RESIZE
SW-RESIZE
MOVE
E-RESIZE
SE-RESIZE
Adding custom cursors to your site
Below are 4 different codes. These are the codes to use when adding one of the above cursors to your webpage. The description of each one is as follows:
» Code to use when adding cursor to entire webpage. Add as the BODY tag it's self.
» Code to use when adding to any <TAG>. Add into or as apart of the <TAG>.
» Code to add cursor to a link. Add as link it's self.
» Code to use when adding to a Style Shee (CSS). Add this code to <HEAD> section of your HTML document.
Add to webpage
<BODY style="CURSOR: CURSOR;">
Add to <tag>
<YOUR_TAG style="CURSOR: CURSOR;">
Add to link
<a href="YOUR_LINK.COM" style="CURSOR: CURSOR;">LINK NAME</a>
Add to CSS
<style type="text/css">
TAG NAME {
CURSOR: CURSOR;}
</style>

Back to Tutorials •
Home •
Help •
Contact •
Privacy •
© Copyright 2008. Nicky - Trixinity.net. All Rights Reserved.