home visitor site owner

Link BB on your website.

<a href="http://beautifulbroken.itsadoozy.com/" target="_blank"> <img src="http://i307.photobucket.com/albums/nn284/lyricsarelies/button-1.gif" alt="Beautiful Broken"></a>

If there are any problems or if you have questions or comments, please refer to the following:
Email: BeautifulBroken@hotmail.com
Contact Form: [ click here ]

So you tired of your boring default cursor displaying on your site? Thought so. In this tutorial you will learn how to change your cursor into an image cursor or another default cursor such as "crosshair".

Intro to Cursors

There are many different types of cursors:

Help
Move
Wait
Text
Crosshair
Pointer

There are also many "Resize" cursors. Such as the following:

N-Resize
S-Resize
SW-Resize
etc etc etc....

How to Display Cursors

In the Body section of your html layout, place the following code:
Cursor: CURSOR NAME HERE;
Make sure to replace "CURSOR NAME HERE" with one of the above cursors (ex: NW-Resize).

If you are not working on a html layout (instead just placing it on a regular style sheet. Ex: Myspace), then you will use this code:
<style> body{ cursor: CURSOR NAME HERE; } </style>

Making Images Cursors

Say I want my cursor to be an image like this one:
I would simply use the same codes as above but change one thing: instead of putting the cursor name where it says "CURSOR NAME HERE" It would look like this:
Cursor: url(CURSOR-URL-HERE.COM);
In place of "CURSOR-URL-HERE.COM", I would put the direct link/URL of the image there.

Liked this tutorial?
GIVE SUPPORT! Link us.
Still need help?
Feel free to send an email to BeautifulBroken@hotmail.com or use the Contact Page.

previous page