... Style din cursor med CSS ....

Style din cursor med CSS

..Microsoft Internet Explorer 4+ og Netscape 6+ supporterer cursor styles der er defineret/sat med CSS.

Selvom cursoren IKKE vises som du har kodet den til i andre browsere, betyder det som regel ikke noget. De browsere der ikke understøtter CSS stylede cursore, viser bare den normale cursor.

Så medmindre siden ikke virker uden den stylede cursor, er der ikke nogen teknisk begrundelse for ikke at kode din cursor med CSS.

Men du skal nu alligevel tænke sig om, inden du vælger at style din cursor med CSS. Nogen brugere bliver forvirrede og/eller irriterede når en side bruger en anden user interface en den almindelige gængse standard.

CURSOR PROPERTIES

Look	Values	Look	NS	IE	Eksempel
	default	TEST	6+	4+	cursor:default
	crosshair	TEST	6+	4+	cursor:crosshair
	hand	TEST		4+	cursor:hand
	pointer	TEST	6+	6+	cursor:pointer
	Cross browser	TEST		4+	cursor:pointer;cursor:hand
	move	TEST	6+	4+	cursor:move
	text	TEST	6+	4+	cursor:text
	wait	TEST	6+	4+	cursor:wait
	help	TEST	6+	4+	cursor:help
	n-resize	TEST	6+	4+	cursor:n-resize
	ne-resize	TEST	6+	4+	cursor:ne-resize
	e-resize	TEST	6+	4+	cursor:e-resize
	se-resize	TEST	6+	4+	cursor:se-resize
	s-resize	TEST	6+	4+	cursor:s-resize
	sw-resize	TEST	6+	4+	cursor:sw-resize
	w-resize	TEST	6+	4+	cursor:w-resize
	nw-resize	TEST	4+	4+	cursor:nw-resize
	progress	TEST		6+	cursor:progress
	not-allowed	TEST		6+	cursor:not-allowed
	no-drop	TEST		6+	cursor:no-drop
	vertical-text	TEST		6+	cursor:vertical-text
	all-scroll	TEST		6+	cursor:all-scroll
	col-resize	TEST		6+	cursor:col-resize
	row-resize	TEST		6+	cursor:row-resize
	cursor:url(uri)	TEST		6+	cursor:url(uri)

Lad os antage, at du på dit link, vil have cursor stylen "all-scroll".

Du opretter et link på vanlig vis, og tilføjer så flg.:

style="CURSOR: all-scroll"

Så dit link kommer til at se således ud:

<a style="CURSOR: all-scroll" href="NavnPaaDinSide.htm">Din tekst</a>

SELECTORS
Lad os antage at du har valgt 2 forskellige cursor styles som du vil bruge. Du kan selvfølgelig definere den style du vil bruge på hver enkelt link, men det bliver det træls i længden. Her kan du bruge en selector i stedet for.

Eksterne stylesheets er absolut den bedste ide. Er også lettere at vedligeholde dine sider, da du så ikke skal ind på hver eneste side og rette, hvis du på et tidspunkt vil skifte udseende på din cursor.

Du retter bare i din eksterne stylesheet og vupti slår stylen igennem på ALLE dine sider. Med det er selvfølgelig muligt at sætte stylen på hver side.

Her et eksempel:

<html>
<head>
<style type="text/css">
.link1 {cursor: crosshair}
.link2 {cursor: help}
</style>
<head>

Giver disse 2 styles: Link 1 og Link 2

Skal cursor stylen gælde for SAMTLIGE links, sætter du flg. i stedet for:

Siden er sidst opdateret, den 05-12-2006