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!!!
na dann, dann mache ich es eben so wie du es sagst!!
GGGG
LG Möhre
Geschrieben von Elincia am 09.08.2006 um 11:09:
Hallo
Wenn jemand weiß was die jeweiligen sind, kann man es doch reinschreiben, oder?
Dann muss nicht jeder alles durchprobieren *mich nicht anguck*
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
Funktioniert auch wunderbar beim Einbauen in Foren - da hab ich nämlich was für gesucht
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?
edit
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
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
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
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
**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
|
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 ????
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 ????
|
Hast du die CSS auch bei jeder Textseite eingebunden?
Forensoftware: Burning Board, entwickelt von WoltLab GmbH