Using css you can change the mouse cursor your visitors will have while viewing your site, instead of the standard hand. You can change the cursor for the entire page, or just for links.

STEP 1: Choose the cursor you like best from the following list. To view the cursor just hover over the link.

default
hand
crosshair
move
n-resize
s-resize
w-resize
e-resize
ne-resize
sw-resize
nw-resize
se-resize
row-resize
col-resize
all-scroll
text
wait
help
vertical-text
progress
not-allowed
no-drop


STEP 2: Once you've selected a cursor add it to your page css, anywhere after the < style> tag. The code should look something like this (yours may be organized slightly different, of course):

a:link, a:visited, a:active
{ color: #COLOR;
text-decoration: none;
cursor: CURSOR; }

a:hover
{ color: #COLOR;
text-decoration: none;
cursor: CURSOR; }

Then replace CURSOR with the name of the cursor you have selected. This code will change the cursor for your links only. If you would like to change the cursor for the entire page, proceed to the next step.

STEP 3: The code or this is pretty similar to the previous. This time insert the following code somewhere after the body css. It should look something like this:

body
{ background: #COLOR;
font-family: FONT;
color: #COLOR ;
font-weight: normal;
font-size: SIZE;
cursor: CURSOR; }

Then replace CURSOR again with the name of the cursor you have selected. Now you can use different cursors to help customize the look of your site.