About

You know all those cool cursor effects everyone has on their sites? Well in this tutorial you'll learn how to get one too. There are 15 basic cursors you can use, using a little CSS and adding it to your HTML document.
Those 15 cursors are:

Custom Cursors

DEFAULT
TEXT
W-RESIZE
HAND
CROSSHAIR
NW-RESIZE
HELP
N-RESIZE
NE-RESIZE
WAIT
S-RESIZE
SW-RESIZE
MOVE
E-RESIZE
SE-RESIZE

To view example of the above cursors, run your move over the name of the cursor.

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.
When adding the following codes be sure to change the Bold entries to your own.


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