What is a Windows Mouse Cursor

Log-in or register.

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:

Using cursors from this web on your web or on MySpace profile

  1. Find the cursor in the library.
  2. Click on the description of the cursor. A html code appears in a box.
  3. Copy this html code into your page.

The html code contains a link to the library and it must be left intact. The link text may be modified to better suit the nature of your web, but it must not be hidden (do not try to trick the system, it'll only make things worse). If this rule is broken, your web site will be banned from using the cursors. If your custom cursor is not working, check the list of currently banned sites.

Technical details

Specifying cursor 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>"); }
-->
</style>

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.

Sampe code

<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

- show all comments
user icon Vlasta site administrator on May 13th 2011

On Tumblr go to Dashboard->Customize->Advanced and put the cursor code (BODY { cursor:url("<url of your cursor>"); } into the Add Custom CSS box

user icon Anonymous on June 7th 2011

How do you do it with google sites?

user icon Anonymous on June 26th 2011

Hi, could some one please help me?! I'm going mad at this. I try to upload this: http://www.rw-designer.com/cursor-detail/7807 to my blogg. I use www.blogspot.com
I simply can't make it work, been trying for hours. My blogg doesn't allow script from multiple sites, don't know if I wrote something wrong.

Could some gentleman/girl please write me the correct code to make it work?

My mail is: soffi91616@hotmail.com

Thank you!
/Sofia

user icon lu9 registered user on August 16th 2011

How to add cursors to the sites and make sites,
Find Web page maker, and make your page in there, create
an account in freewebhostingarea.com or short freewha.com
in web page maker there is the HTML inserter, insert it.
Then copy and paste the code shown here.
Publish it:
Port 21
Remote folder doesn't need to be filled in.
username is the name of the site you wrote, i.e. mysite.orgfree.com
password is the password you gave to freewha.
and hoster is the domain used in the username i.e. orgfree.com
After published it go to your site, the cursor should be visible
in so everyone can enter in it and use the cursor ;-)

user icon Anonymous on August 29th 2011

does it work on blogspot? how?

user icon Anonymous on September 22nd 2011

where can you write to daniel to ask him to make a cursor

user icon Anonymous on December 19th 2011
-)
user icon Anonymous on January 4th

For Blogger (BlogSpot) you have to go to your dashboard and "edit your blog" click add application then choose basic html. Copy the HTML and voila! 8-)

user icon Anonymous on January 13th

go.. to http://www.wincursor.blogspot.com ... and learn it from there .. how to do it for bloggers ...

user icon Anonymous on January 26th

i cannt get it to go on my tumblr
:-(

user icon Anonymous
Signed comments carry more weight! Don't be a stranger - log-in or register. It only takes few seconds.
Bookmark and share
Vista & Win 7 icons

Find out how Vista icons differ from XP icons.

See how RealWorld Icon Editor handles Vista icons.

Graphics archives links

Clip art, Photo galleries, Wallpapers, Textures, 3D Models

Select background