What is a Windows Mouse Cursor

Not logged in.

Graphics

Cursor on your web

Bookmark this page

	Del.icio.us
	Digg it
	StumbleUpon
	Yahoo MyWeb
	Furl it

Windows Vista icons

Find out how Vista icons differ from XP icons.

See how RealWorld Icon Editor handles Vista icons.

Find quality web sites in our directory of Graphics Archives

Clip Art, Photo Galleries, Wallpapers, Textures, 3D Models

Cursors in browsers

Internert Explorer is currently the only browser capable of using custom cursors. There are multiple ways how to specify cursor for your web page or for a section of a web page:

In cascading style sheet

If you are using external .css file, you can specify cursor from there. Add the following line to the element that you want to use the custom cursor. If you want to set cursor of the entire page, add the line to the BODY section.

cursor:url("<url of your cursor>");


Modifying web page
If you cannot or do not want to modify your .css file, put the following code to the
header of your page:

<style type="text/css">

<!--

BODY { cursor:url("<url of your cursor>"); }

-->

Alternatively, you can directly modify the style of an element on your page like this:

...<body style="cursor:url(<url of your cursor>)" >...

Uploading cursor files
You should upload a cursor file to your web server in the same way as you upload images,
audio or video files. Once you have uploaded your cursor, replace the <url of your cursor>
placeholder with the actual url of your cursor (for example /MyCursor.ani).
Using cursors directly from this web
If you are not in full control of your web server or simply cannot upload the cursors,
you are permitted to use the cursors directly from this server. Follow these guidelines:
1. Find the identifier of the cursor you want to use
Locate the cursor in the library - the first cell in the table shows a preview of the cursor,
its name, number of frames and the last information is the ID of the cursor - look for a number after ID:.
Write this number down.
2. Modifying your page
You already know how to modify your page to display custom cursors, the only thing left is
to specify the <url of your cursor> field. Use the following text: http://www.rw-designer.com/cursor-extern.php?id=XXXX.
The XXXX should of course be replaced by the identifier of the cursor.
If you are using this method, also place a link to this library or to the cursor set
on your the page, where you are using the cursor.
Do not use the download url (cursor-download.php) directly. The downloads are counted
and external links are disabled.
Example usage for MySpace.com
Don't forget to replace the cursor_ID in the example with the actual ID of the selected cursor.



<style type="text/css">

body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=cursor_ID); }

</style>

<br />

<a href="http://www.rw-designer.com/cursor-library">RWG Open Cursor Archive</a>

<br />




Recent Comments

Display all comments.
Unknown author (2008-04-25): noobs... so dumb...
Unknown author (2008-04-29): Won't let me use it or whatever
Unknown author (2008-05-07): i made a cursor using Jasc animation shop and I cant figure out how to get it on myspace...anyone with any suggestions.
Unknown author (2008-05-07): -.- ik kan geen cursors gebruiken ik heb nu een laptop dus het kan niet 
Unknown author (2008-05-08): yes plz
Unknown author (2008-05-10): so nice ty
Unknown author (2008-05-10): how do u make ur own cursors btw i am noob
Unknown author (2008-05-12): runescape
Unknown author (2008-05-13): yeah, imma nooooooooooooooooooooooooooooob too


Unknown author (2008-05-16): 0.0" i cant do it! and oh im a noooooooooooooooooooooob too just a lv lv 79 in rs not rly absessed wit it but watever


Add comment
Note: Comments not related to this page or using offensive language will be deleted.
Please login or register before adding comments.