• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Cursor-Eignes Design.

Status
Für weitere Antworten geschlossen.
Corvulus

Corvulus

Aktives Mitglied
Hallo,

hab mal einen eigenen Cursor mit Gimp gemacht, funktioniert soweit alles (bis auf im IE natürlich), der Cursor wird bisher aber nur auf Höhe des Bildes angezeigt, ich möchte aber, dass mein Cursor immer angezeigt wird. Hab ma den ganzen Code gepostet, ist ja nicht viel:

HTML: 
<html>
 <body style="background-color:#000000; cursor:url(cursor.gif), auto">
  <img src="bild.jpg">
 </body>
</html>

Gruß Corvulus
 
Zuletzt bearbeitet:
Mit externen CSS am besten:
Code: 
body {
cursor: url(bilder/cursor_standart.cur);
}

Dann kannst du, wenn du möchtest, für RollOver-Effekte ein anderes Bild verwenden, indem einfach a:hover usw... bestimmst.

MfG, matibaski
 
Hab noch nicht mit externem CSS gearbeitet, hab eifnach unter den Body-Tag deinen Code eigefügt, hat nichts verändert, außer das mein IMG um 25% nach rechts verschoben war.

EDIT:

Habs mir zusammen gebastelt:

HTML: 
<html>
 <style type="text/css">
 body {cursor:url(cursor.gif), auto;}
 </style>
 <body>
  <img src="cursor.gif">
 </body>
</html>

Es ist immer noch der selbe Fehler. Der Cursor wird nur auf der Waagerechte des Bildes angezeigt.

EDIT:

Hab mal widht und height mit angegeben:

HTML: 
<html>
 <style type="text/css">
  body
   {
    cursor:url(cursor.gif), auto;
    width: 80%;
    height:80%;
   }
 </style>
 <body>
  <img src="bild.gif">
 </body>
</html>

Jetzt kann ich aber nur bis 80% machen, darüber waren X- und Y-Scrollbalken. Ist das normal, dass die bei 100% kommen, oder woran liegt das?

Gruß Corvulus
 
Zuletzt bearbeitet:
Mach Stylesheets immer zwischen <head> & </head>

Machs mal so:
Code: 
/* Cursor */
body {
cursor: url(pfad/cursor.cur);
}

table, tr, td {
cursor: url(pfad/cursor.cur);
}

a:link {
cursor: url(pfad/cursor.cur);
}

a:hover {
cursor: url(pfad/cursor2.cur); /* Evtl. ein RollOver Cursor */
}

a:active {
cursor: url(pfad/cursor.cur);
}

a:visited {
cursor: url(pfad/cursor.cur);
}

div {
cursor: url(pfad/cursor.cur);
}
/* Ende - Cursor */


Und da das einen Bombenstlesheet machen würde im <head></head> Bereich, dann würde ich doch eine externe Datei machen..

Zwar ein bisschen viel Code, aber so sollte es gehen!!!

MfG, matibaski
 
Verdammt. :-( Ist wirklich nett das du den Code geschrieben hast, klappt bei mir (Firefox 2.iwas.) nur mit
HTML: 
cursor: url(cursor.gif, auto;
ist eigendlich der Befehl wenn ein Browser die Funktion des Cursors nicht kennt, aber err geht nur wenn ich das dazu schreibe. Das Porblem hat sich noch nicht geändert, ich habe wiegesagt auch nur das kleine Bild links oben in der Ecke, der Rest ist weiß und unbelegt, der Cursor ist aber weiterhin nur auf Höhe des Bildes sichtbar.

Gruß Corvulus
 
Zuletzt bearbeitet:
Könntest du die Seite posten?
Dann könnte ich in den Quelltext schauen...

MfG, matibaski
 
Ich lad sie hoch, bisher nur offline-testside. Schau mal in paar mins auf www.darkhole.de.tt . Danke. :-)

EDIT: Ist hochgeladen. Unterhalb des Bildes (ist jetzt ein größeres) ist der Cursor normal.

Corvulus
 
Zuletzt bearbeitet:
ich hab zwar noch immer nicht ganz verstanden, was du bezwecken möchtest ;ugl, aber ich rate von dieser methode gänzlich ab, da es absolut unterschiedlich von den browsern und bs interpretiert wird
glaube sogar linux versteh .cur garnet :roll:
 
Hab auch nicht .cur genommen. Hab ne gif-Datei, es klappt ja, aber Alles unterhalb der Seite ist mit normalem Cursor versehen. Hab gerade auf ner Bandhomepage genau den selben Fehler gefunden, vielleicht geht es einfach nicht. Wo ich als body-Atribute width und height eingefügt hab ging es ja, aber mit Scrollbalken ist dann auch nicht so wie es sein sollte. Ich vermute einfach es gibt keine Möglichkeit das richtig zu ändern. Danke für eure Hilfen. ;Jump

Corvulus
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben