Website Baker CMS Forum » Tag: Cursor

Website Baker CMS Forum » Tag: Cursor - Recent Posts http://www.websitebaker-cms.de/foren/tags/cursor Just a Website Baker community forum de Tue, 07 Feb 2012 05:42:20 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Suchen]]> q http://www.websitebaker-cms.de/foren/search.php daniel am "Animierte bzw. nicht standardmäßige Cursoranzeige möglich?" http://www.websitebaker-cms.de/foren/topic/animierte-bzw-nicht-standardmasige-cursoranzeige-moglich#post-2131 Fre, 15 Jan 2010 00:19:28 +0000 daniel 2131@http://www.websitebaker-cms.de/foren/ Hallo 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: <code> <html> <head> <title>Cursor Test Seite</title> </head> <style type="text/css">  </style> <body> <h1>Cursor Testseite</h1> <h2>Der Cursor sollte auf dieser Seite ein Hundepfote sein</h2> </body> </html> </code> Die Mauszeigerdatei habe ich mit dem Programm <a href="http://icofx.ro/anifx/index.html">AniFX</a> 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: <a href="http://www.friedels-home.de/index.html?/JavaScripte/Text_folgt_Maus/text_folgt_maus.htm">http://www.friedels-home.de/index.html?/JavaScripte/Text_folgt_Maus/text_folgt_maus.htm</a> Du musst nur anstelle des Textes ein Bild angeben (natürlich mit HTML-img Tag). Viele Grüße, Daniel bvice am "Animierte bzw. nicht standardmäßige Cursoranzeige möglich?" http://www.websitebaker-cms.de/foren/topic/animierte-bzw-nicht-standardmasige-cursoranzeige-moglich#post-2115 Die, 12 Jan 2010 23:54:04 +0000 bvice 2115@http://www.websitebaker-cms.de/foren/ Hallo 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 Beate bvice am "Animierte bzw. nicht standardmäßige Cursoranzeige möglich?" http://www.websitebaker-cms.de/foren/topic/animierte-bzw-nicht-standardmasige-cursoranzeige-moglich#post-2111 Die, 12 Jan 2010 00:45:03 +0000 bvice 2111@http://www.websitebaker-cms.de/foren/ Hallo 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 Beate daniel am "Animierte bzw. nicht standardmäßige Cursoranzeige möglich?" http://www.websitebaker-cms.de/foren/topic/animierte-bzw-nicht-standardmasige-cursoranzeige-moglich#post-2101 Mon, 11 Jan 2010 12:06:07 +0000 daniel 2101@http://www.websitebaker-cms.de/foren/ Hallo 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 <a href="http://icofx.ro/anifx/index.html">AniFX </a> 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 <code>body {</code> beginnt. Sollte es eine solche Zeile nicht geben, kannst du sie auch selber erstellen. Beispielsweise so: <code>body { cursor : url("images/hundepfote.cur"); }</code> 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: <code> body { cursor : url("hundepfote.cur"); }</code> 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: <code>body { cursor : url("../hundepfote.cur"); }</code> 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: <code>body { cursor : url("hundepfote.cur"), url("hundepfote2.cur"); }</code> 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: <code>body { cursor : pointer; }</code> Folgende Mauszeiger sind verfügbar: <ul><li>default der Standard Cursor</li><li>auto automatisch vom System vergebener Zeiger</li><li>pointer Hand</li><li>move Anzeige, dass etwas bewegt werden kann</li><li>text Text-Zeiger</li><li>wait Warteanzeige, z.B. Sanduhr</li><li>help Hilfesymbol, z.B. Zeiger mit Fragezeichen</li><li>url() Eine eigene Datei mit einem Mauszeiger</li><li>n-resize Pfeil nach oben</li><li>e-resize Pfeil nach rechts</li><li>s-resize Pfeil nach unten</li><li>w-resize Pfeil nach links</li><li>ne-resize Pfeil nach rechts oben</li><li>se-resize Pfeil nach rechts unten</li><li>sw-resize Pfeil nach links unten</li><li>nw-resize Pfeil nach links oben</li> </ul> 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, Daniel bvice am "Animierte bzw. nicht standardmäßige Cursoranzeige möglich?" http://www.websitebaker-cms.de/foren/topic/animierte-bzw-nicht-standardmasige-cursoranzeige-moglich#post-2099 Son, 10 Jan 2010 12:23:57 +0000 bvice 2099@http://www.websitebaker-cms.de/foren/ 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