Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [CSS] Mauscursor (https://www.gegen-bilderklau.net/thread.php?threadid=43258)


Geschrieben von Startpost-Retter am 18.12.2005 um 19:29:

  Mauscursor

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.



Geschrieben von mickymouse am 18.12.2005 um 19:32:

 

jopp des wäre toll wenn fotos kämen^^



Geschrieben von Sally12 am 18.12.2005 um 21:21:

 

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



Geschrieben von Tiggin am 18.12.2005 um 21:25:

 

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.)



Geschrieben von Sally12 am 18.12.2005 um 21:27:

 

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



Geschrieben von Elincia am 09.08.2006 um 11:09:

 

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



Geschrieben von Cidi am 09.08.2006 um 16:58:

 

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



Geschrieben von Irrlicht am 26.06.2007 um 12:48:

 

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



Geschrieben von Kamilla am 26.06.2007 um 14:02:

 

Super Tut, jetzt hab' ich endlich ma alle Begriffe vor mir *g*



Geschrieben von Vivian am 26.09.2007 um 12:03:

 

Wie is den der Name von dem Fragezeichen?

editrotes Gesicht kay,es ist das help..^^thx+knuddel+



Geschrieben von Ness am 14.10.2007 um 14:47:

 

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



Geschrieben von Irrlicht am 15.10.2007 um 16:13:

 

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



Geschrieben von kleine-Araberstute am 25.10.2007 um 21:13:

 

THX, nach dem Kreuz hab ich grad gesucht xD



Geschrieben von One.of.my.lies am 14.12.2008 um 17:44:

 

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); }



Geschrieben von summersky am 20.12.2008 um 13:32:

 

super tut großes Grinsen



Geschrieben von anna. am 20.12.2008 um 13:55:

 

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



Geschrieben von summersky am 20.12.2008 um 14:59:

 

gibts da noch andere pfeile?



Geschrieben von Melli am 31.12.2008 um 13:22:

 

Ja. GidF.
Einfach suchen ;D
Hatte mal ne sehr interessante Seite, vielleicht poste ich die ja später mal. Mal schaun.



Geschrieben von Lia. am 09.04.2009 um 11:27:

 

Hey allerdings ist der Curser bei mir nur oben im Kopf Bereich beim Header ???? verwirrt



Geschrieben von Perpetual am 18.04.2009 um 12:26:

 

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


Forensoftware: Burning Board, entwickelt von WoltLab GmbH