PDA

View Full Version : how to select cursors?



coolguy23
May 19th, 2001, 17:27
you know how you mouseover a link it turns into the little hand, well i was wondering if someone knows how to do it so that it doesn't turn into that hand instead it stays like the little normal pointer

WorldWarGeneral
May 19th, 2001, 19:38
I don't really have any idea how to make the cursor not change when it is hovered over a links, but why would you want to do such a thing? :)

laine
May 20th, 2001, 05:07
possible, using css

meow
May 20th, 2001, 22:27
Suuure baby! :p
cursor:default



<html>
<head>
<title>Cursors</title>

<style type="text/css">
<!--

a.01 { cursor: auto }
a.02 { cursor: crosshair }
a.03 { cursor: default }
a.04 { cursor: pointer }
a.05 { cursor: movetext }
a.06 { cursor: wait }
a.07 { cursor: help }

-->
</style>

</head>


<body bgcolor="#ffffff" text="#000000" id=all>

<a href="" class="01">auto</a><br>
<a href="" class="02">crosshair</a><br>
<a href="" class="03">default</a><br>
<a href="" class="04">pointer</a><br>
<a href="" class="05">movetext</a><br>
<a href="" class="06">wait</a><br>
<a href="" class="07">help</a>

</body>
</html>

There are some more, but you'll have to check http://www.w3c.org because I don't remember them. Don't be surprise if not all (or any) work in all browsers. :D

zazoo
May 20th, 2001, 23:42
theres also a thing called commet curser but your users would have to download a plugin

Neo_Mitochondrian
May 24th, 2001, 18:59
Don't use all that confusing link class crap, try this:


style="cursor:hand"
style="cursor:crosshair"
style="cursor:help" etc.

just place them in the <a> tag of your link ie:
<a href="help.htm" style="cursor:hand">This link has a "help" cursor</a>

Dont know if this works in Netscape though.........

hime-chan
May 25th, 2001, 07:05
Well, everyone has said something, so Hime-chan can't keep her mouth shut (her fingers off the keyboard) either.

The classes were just meant for demonstration, and it really depends. I generally put all of my cascading stylesheets into external files, because it keeps my HTML clean.

Paste

<link rel=stylesheet type="text/css" href="style.css">

between your <head> </head> tags.

Then, make a seperate textfile and name it style.css . Put it up in the same directory. In the file, say:

a { cursor:whatever-you-want; }

and replace whatever-you-want with whatever you want your cursor form to be, the person who wrote the file with the classes example put quite a few nice choices for cursors. I don't konw the standard one from heart because I hardly ever use it.

Hope I could help. =^_^=

~ Hime-Chan