Sign up and get sponsored free and support your cause!!!


BASIC HTML
Coding & PHP
Computers
Layout Building
Making Graphics
Photoshop
Stylesheet/CSS
Wordpress
VIDEO TUTORIALS
EXTRAS



« 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 TutorialsHomeHelpContactPrivacy
© Copyright 2008. Nicky - Trixinity.net. All Rights Reserved.