Eine Bekannte, der ich etwas bei ihren WB-Seiten geholfen hatte, stellt mir nun eine Frage, die mich jenseites meines überschaubaren WB-Wissens bringt:
Ist es möglich, die Cursoranzeige zu verändern? Ihr schwebt eine Hundepfote vor. Mir fehlt aber jeder Überblick, ob etwas derartiges überhaupt in WB-Seiten einbaubar ist. Und natürlich, wo und wie.
Hat jemand einen Tipp? Oder so etwas ähnlich vielleicht sogar schon realisiert?
Wir verwenden übrigens WB 2.8
Vorab schon mal viele Grüße und vielen Dank
Beate
Animierte bzw. nicht standardmäßige Cursoranzeige möglich?
(5 posts) (2 voices)-
daniel
offlineHausmeister
Login to Send PMHallo Beate,
bitte entschuldige, dass ich erst jetzt antworte, aber ich musste das selber erst mal ausprobieren.
Zuerst einmal benötigst Du einen Cursor in Form einer Cursor-Datei (Dateiendung .cur).
Um diesen zu erstellen wird auch ein Programm benötigt, dass .cur-Dateien bearbeiten bzw. speichern kann. Ich habe AniFX verwendet.
Wenn Du Deine erstellt und als Hundepfote gespeichert hast, musst du die StyleSheet Datei Deines Templates anpassen.
Am besten legst Du die Cursordatei in das gleiche Verzeichnis in dem sich auch die Grafiken Deines Templates befinden.
Wenn der Cursor immer und auf jeder Seite angezeigt werden soll, dann sollte er für body (also das HTML-Tag, dass um den ganzen Seiteninhalt herum ist) angewendet werden.
Such in Deiner CSS-Datei die Stelle, die mit
body {
beginnt.
Sollte es eine solche Zeile nicht geben, kannst du sie auch selber erstellen. Beispielsweise so:
body { cursor : url("images/hundepfote.cur"); }
In diesem Beispiel gehe ich davon aus, dass sich die CSS-Datei direkt im Template Verzeichnis befindet und die cur-Datei hundepfote.cur im Verzeichnis images.
Sollte die Hundepfote im selben Verzeichnis sein wie die cur-Datei, dann wäre dieses das richtige Beispiel:
body { cursor : url("hundepfote.cur"); }
Befindet sich die cur-Datei im Verzeichnis images und die css-Datei in einem anderen Verzeichnis in der gelcihen ebene, dann wäre dieses das richtige Beispiel:
body { cursor : url("../hundepfote.cur"); }
Wenn aus irgend einem Grund die Cursordatei nicht gefunden oder geladen werden kann, ist es ratsam mehrere Cursor anzugeben. Diese werden in ihrer Reihenfolge abgearbeitet und der erste vorhandene Cursor wird dann verwendet, z.B. so:
body { cursor : url("hundepfote.cur"), url("hundepfote2.cur"); }
Am besten suchst Du Dir eine Zeile mit url (also eine Zeile in der z.B. ein Hintergrundbild angegeben ist) und wendest den Pfad für deine Cursordatei genau so an, wie dort.
Es gibt auch Standardcursor, z.B. eine Hand die mit pointer angegeben wird, z.B. so:
body { cursor : pointer; }
Folgende Mauszeiger sind verfügbar:
- default der Standard Cursor
- auto automatisch vom System vergebener Zeiger
- pointer Hand
- move Anzeige, dass etwas bewegt werden kann
- text Text-Zeiger
- wait Warteanzeige, z.B. Sanduhr
- help Hilfesymbol, z.B. Zeiger mit Fragezeichen
- url() Eine eigene Datei mit einem Mauszeiger
- n-resize Pfeil nach oben
- e-resize Pfeil nach rechts
- s-resize Pfeil nach unten
- w-resize Pfeil nach links
- ne-resize Pfeil nach rechts oben
- se-resize Pfeil nach rechts unten
- sw-resize Pfeil nach links unten
- nw-resize Pfeil nach links oben
Die Angaben e, n, s und w bei den Pfeilen beziehen sich auf die englischsprachigen Himmelsrichtungen z.B. s für South.
Selbstverständlich kannst Du auch eine Icon, jpg, oder gif Datei als Mauszeiger verwenden.
Bitte beachte aber, dass nicht jeder Browser diese Zeiger unterstützt. Mehr informationen hierzu findest Du z.B. hier: http://www.css4you.de/cursor.html
Viel Erfolg,
Danielvor 2 years veröffentlicht # -
bvice
offlineMitglied
Login to Send PMHallo Daniel,
das liest sich ja schon mal klasse. Zum Ausprobieren komme ich wahrscheinlich erst übermorgen, aber ich bin positiv gespannt...
Wenn es geklappt hat, werde ich den Link zu den fertigen Seiten hier einstellen, um den Erfolg zu verdeutlichen. Falls mal irgendwer auf ähnliche Ideen kommt.
Ganz wichtig: Ich weiß es sehr zu schätzen, wenn ein Fachmann wie Du sich die Zeit für unsereins nimmt und dann auch noch so detaillierte Hilfestellung gibt. Das ist höchstes Lob wert! Der "Normalfall", z.b. in anderen Foren, sieht häufig anders aus. Da traut man/frau sich kaum, etwas zu fragen.
Das musste mal gesagt werden.
Beste Grüße
Beatevor 2 years veröffentlicht # -
bvice
offlineMitglied
Login to Send PMHallo Daniel,
es ist zum Mäusemelken. Alles genau beachtet, auch mit TopStyle light erfolgreich gegengecheckt, aber die Darstellung des Cursors ändert sich "live" einfach nicht.
Falls es zum Nachschauen was bringen würde: Die Seite meiner Bekannten heisst
www.prt-vom-tiefenstein.de
Zerknirscht und müde, aber mit besten Grüßen
Beatevor 2 years veröffentlicht # -
daniel
offlineHausmeister
Login to Send PMHallo Beate,
ich habe mal schnell eine Testseite erstellt.
Zum selber probieren einfach eine Mauszeigerdatei mit dem Namne hundepfote.cur in das gleiche Verzeichnis legen wie eine .html-Datei mit folgendem Inhalt:
<html> <head> <title>Cursor Test Seite</title> </head> <style type="text/css"> <!-- body { cursor: url("hundepfote.cur"); } --> </style> <body> <h1>Cursor Testseite</h1> <h2>Der Cursor sollte auf dieser Seite ein Hundepfote sein</h2> </body> </html>
Die Mauszeigerdatei habe ich mit dem Programm AniFX erstellt.
Leider sehe ich die Hundepfote auch nur im Internet Explorer.
Du känntest aber z.B. ein Bild einbinden, dass immer der Maus folgt.
Nach etwas suchen habe ich z.B. das hier gefunden:
http://www.friedels-home.de/index.html?/JavaScripte/Text_folgt_Maus/text_folgt_maus.htm
Du musst nur anstelle des Textes ein Bild angeben (natürlich mit HTML-img Tag).
Viele Grüße,
Danielvor 2 years veröffentlicht #
Antwort
Du musst angemeldet sein, um einen Beitrag zu schreiben.
