If you are seeing this message, it is possible the page did not load properly. Please hit reload/refresh on your browser.
If you still see this message, you probably do not have a browser that supports web standards, although its content is accessible to any browser or Internet device.

Cool Tips & Tricks Cool Tips & Tricks

Help Communities:
Help Forums Bug Base
<< Prev Topic | Next Topic >>
Cool Tips & Tricks ::: CSS FAQ ::: (CSS Tip) Changing the cursor (mouse pointer)
New Topic    Add Reply
Topic: (CSS Tip) Changing the cursor (mouse pointer)  (?)  Click to receive email notification of replies Click to stop receiving email notification of replies email this topic to a friend
Lugia Ho oh Master5

Registered User
Posts: 179
Posted: 12/11/01 4:42 pm    
(CSS Tip) Changing the cursor (mouse pointer)
Here is how to change the mouse cursor on your board, website, or even profile!

In the head tag/ first box of advanced, put
<**style type=text/css>
body {
cursor: CURSOR_NAME;
}
<**/style>

if you would like the cursor just when you put your mouse on links, put this:

<**style type=text/css>
a:link,a:visited,a:active {
cursor: CURSOR_NAME;
}
<**/style>

here is a list of different cursors:

cursor: auto (uses what is set by user)

cursor: crosshair (should produce a cross)

cursor: default (cursor remains as it is)

cursor: e-resize (arrow pointing right)

cursor: hand (the traditional pointing hand)

cursor: help (a Question Mark should appear)

cursor: move (a cross with arrows on the tips)

cursor: n-resize (an arrow pointing north or up)

cursor: ne-resize (an arrow pointing northeast)

cursor: nw-resize (an arrow pointing northwest)

cursor: pointer (that hand again)

cursor: s-resize (an arrow pointing south or down)

cursor: se-resize (an arrow pointing southeast)

cursor: sw-resize (an arrow pointing southwest)

cursor: text (looks like the end of an I-beam)

cursor: w-resize (an arrow pointing west)

cursor: wait (an hourglass)



provided by: http://www.htmlgoodies.com

Edited by: atlass at: 12/15/01 3:37:57 am

  reply to this message

kanwulf 001

Registered User
ezSupporter
Posts: 265
Posted: 12/12/01 1:54 am    
Re: (CSS Tip) Changing the cursor (mouse pointer)
IE6 also supports .cur and .ani file called with CSS like this.


body
{cursor: url(PATH_TO_FILE)}


more info:

msdn.microsoft.com/librar...cursor.asp

msdn.microsoft.com/worksh...rsor_a.htm


  reply to this message

Click to receive email notification of replies Click to stop receiving email notification of replies email this topic to a friend

New Topic    Add Reply

jump to:
Topic Control Image::: Topic Commands
<< Prev Topic | Next Topic >>

Icon Legend

reply button:::Reply to Post Button   edit button:::Edit Post Button  delete button:::Delete Post Button (Moderator Only)

subscribe/unsubscribe to thread button:::Subscribe to Thread Button   email to friend button:::Email to Friend Button  



- Cool Tips & Tricks - CSS FAQ -

Communitiesezboard Help Communities:

Help Forums Help Forums Bug Base Bug Base





Powered By ezboard® Ver. 7.32
Copyright ©1999-2007 ezboard, Inc.