[CSS] Mauscursor

Startpost-Retter
Hab mir mal gedacht, darüber könnte ich ja ein Tut schreiben.

Bei den Cursors muss man nichts hochladen oder sowas.

Der Anfangscode
code:
1:
<style type="text/css"><!--body{cursor:NAME};a:hover{cursor:NAME;}--></style>


Damit fängt eigentlich alles an. Einfach in den <html> Bereich eingeben.
Den 'NAME' könnt ihr jetzt ändern, bzw müsst es natürlich.

Die Cursor
Jeder Cursor hat eine eigene Bezeichnung. Die müsst ihr jetzt anstatt dem NAME eingeben.

» crosshair
» help
» wait
» text
» pointer
» move
» text
» s-resize
» w-resize
» e-resize
» n-resize
» nw-resize
» sw-resize
» se-resize
» ne-resize

{ fotos kommen jetzt gleich passend dazu}


So. Vielleicht war er ja für einige ganz hilfreich.
mickymouse
jopp des wäre toll wenn fotos kämen^^
Sally12
hey echt cool!
das erste ist dieses kreuz!!!!

aber wie bekommt man es hin, dass der cursor auch im frame so ist???
der ist bei mir nur im desihg!!
#
LG Möhre
Tiggin
Zitat:
Original von Sally12
hey echt cool!
das erste ist dieses kreuz!!!!

aber wie bekommt man es hin, dass der cursor auch im frame so ist???
der ist bei mir nur im desihg!!
#
LG Möhre


Du musst schon auf jeder Seite den Code eingeben.
(Oder du machst es über den Stylesheet, wobei ich dir dazu nicht raten würde wenn dus nicht kannst.)
Sally12
achso.. ich habe es erst im html code für emine page (http://sally.oyla6.de) eingegebne!!! Augenzwinkern na dann, dann mache ich es eben so wie du es sagst!! smile GGGG

LG Möhre
Elincia
Hallo fröhlich

Wenn jemand weiß was die jeweiligen sind, kann man es doch reinschreiben, oder?

Dann muss nicht jeder alles durchprobieren *mich nicht anguck*

großes Grinsen
Cidi
Hey, super danke!!

Ich schrib mal ein paar auf:

» crosshair -> Kreuz
» help -> normaler Mauszeiger mit Fragezeichen
» wait -> Diese Sanduhr (wird normalerweise beim laden angezeigt)
» text -> (Dieses Zeichen kommt beim anzeichnen von Text vor)
» pointer -> Zeigefinger

mehr hab ich nicht ausprobiert.

lG, Julie
Irrlicht
Das mit dem Resize ist, wie wenn ihr etwas vergrößern/verkleinern wollt. Zum Beispiel ein Bild. Wenn ihr dann am Rand zieht, kommt der gleiche Mauscursor wie bei den Resize-Zeug^^
Danke für das Tutorial, hat mir sehr geholfen fröhlich Funktioniert auch wunderbar beim Einbauen in Foren - da hab ich nämlich was für gesucht Augenzwinkern
Kamilla
Super Tut, jetzt hab' ich endlich ma alle Begriffe vor mir *g*
Vivian
Wie is den der Name von dem Fragezeichen?

editrotes Gesicht kay,es ist das help..^^thx+knuddel+
Ness
Super Tut <3
Ich bekomm es nur nicht hin, den Cursor in einem Wbb-Lite Forum zu ändern. Könnt emir dabei vielelicht jemand behilflich sein?

Lg, Ness
Irrlicht
Da gerade die Frage per PN kam, hier auch noch mal für alle anderen.

Wenn ihr ein Kreuz im Forum einbauen wollt müsst ihr im ACP auf Designpack bearbeiten gehen (oder in der css-Datei, wenn du eine extra Datei hast) und dann ganz unten in dem weißen Fenster einfach ganz unten

<!--body{cursor:crosshair};a:hover{cursor:crosshair;}

einfügen. Dann sollte es eigentlich funktionieren Augenzwinkern
kleine-Araberstute
THX, nach dem Kreuz hab ich grad gesucht xD
One.of.my.lies
so, ich hol den thread jetzt gerade mal hoch^^

warum, wird der cursor bei mir nicht zum kreuz,^^
ist für ein wbblite forum. Zeile 58 fröhlich

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
BODY { SCROLLBAR-BASE-COLOR: #17182D; SCROLLBAR-ARROW-COLOR: #000000; }
SELECT {
 FONT-SIZE: 12px;
 FONT-FAMILY: Tahoma,Helvetica;
 COLOR: #17182D;
}

TEXTAREA {
 FONT-SIZE: 12px;
 FONT-FAMILY: Tahoma,Helvetica;
 COLOR: #17182D;
 BACKGROUND-COLOR: #C7C1C0
}

.input {
 FONT-SIZE: 12px;
 FONT-FAMILY: Tahoma,Helvetica;
 COLOR: #17182D;
 BACKGROUND-COLOR: #C7C1C0;
 
 border-top-width : 1px;
 border-right-width : 1px;
 border-bottom-width : 1px;
 border-left-width : 1px;
 text-indent : 2px;
}
.topnavi {
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 5px;
}

#bg A:link, #bg A:visited, #bg A:active { COLOR: #17182D; TEXT-DECORATION: none; }
#bg A:hover { COLOR: #17182D; text-decoration:underline overline;
color: #000000;}


#tablea A:link, #tablea A:visited, #tablea A:active { COLOR: #17182D; TEXT-DECORATION: none ;  }
#tablea A:hover { COLOR: #17182D; text-decoration:underline overline;
color: #000000;}


#tableb A:link, #tableb A:visited, #tableb A:active { COLOR: #17182D; TEXT-DECORATION: none ; }
#tableb A:hover { COLOR: #17182D; text-decoration:underline overline;
color: #000000;}


#tablecat A:link, #tablecat A:visited, #tablecat A:active { COLOR: #C7C1C0; }
#tablecat A:hover { COLOR: #17182D; text-decoration:underline overline;
color: #000000;}


#tabletitle A:link, #tabletitle A:visited, #tabletitle A:active { COLOR: #17182D;  }
#tabletitle A:hover { COLOR: #17182D; text-decoration:underline overline;
color: #000000;}

#tabletitle { background-image: url(http://i36.tinypic.com/2055lol.jpg); }
.clsCursor {  cursor: crosshair;}

BACKGROUND-IMAGE: url (http://i38.tinypic.com/14b299u.jpg); }

TEXTAREA {
 FONT-SIZE: 12px;
 FONT-FAMILY: tahoma;
BACKGROUND-IMAGE: url(http://i38.tinypic.com/14b299u.jpg); }

body{background-image: url(http://i38.tinypic.com/14b299u.jpg); 
background-attachment: fixed;
background-repeat: repeat;
}

.input {
BACKGROUND-IMAGE: url (http://i38.tinypic.com/14b299u.jpg);
 
 border-top-width : 1px;
 border-right-width : 1px;
 border-bottom-width : 1px;
 border-left-width : 1px;
 text-indent : 2px;
}

#tabletitle { background-image: url (http://i38.tinypic.com/14b299u.jpg); }
summersky
super tut großes Grinsen
anna.
Zitat:
Original von One.of.my.lies
so, ich hol den thread jetzt gerade mal hoch^^

warum, wird der cursor bei mir nicht zum kreuz,^^
ist für ein wbblite forum. Zeile 58 fröhlich

**CODE**


Zitat:
Original von Irrlicht
Da gerade die Frage per PN kam, hier auch noch mal für alle anderen.

Wenn ihr ein Kreuz im Forum einbauen wollt müsst ihr im ACP auf Designpack bearbeiten gehen (oder in der css-Datei, wenn du eine extra Datei hast) und dann ganz unten in dem weißen Fenster einfach ganz unten

<!--body{cursor:crosshair};a:hover{cursor:crosshair;}

einfügen. Dann sollte es eigentlich funktionieren Augenzwinkern
summersky
gibts da noch andere pfeile?
Melli
Ja. GidF.
Einfach suchen ;D
Hatte mal ne sehr interessante Seite, vielleicht poste ich die ja später mal. Mal schaun.
Lia.
Hey allerdings ist der Curser bei mir nur oben im Kopf Bereich beim Header ???? verwirrt
Perpetual
Zitat:
Original von Niccy
Hey allerdings ist der Curser bei mir nur oben im Kopf Bereich beim Header ???? verwirrt

Hast du die CSS auch bei jeder Textseite eingebunden? Augenzwinkern