Spezielle Mauszeiger für alle gängigen Browser

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Spezielle Mauszeiger für alle gängigen Browser

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Spezielle Mauszeiger für alle gängigen Browser datum

19.08.2007 22:29 (zuletzt bearbeitet: 25.07.2018 20:52)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3451
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1316

Spezielle Mauszeiger für Ihr Forum oder Ihre Homepage
Aktualisiert 25.07.18

Wollen Sie Ihre Webseite durch einen Mauszeiger besonders betonen, funktioniert das am besten über ein passendes "Icon".
Wenn dieser Mauszeiger auch in allen gängigen Browsern laufen soll, beachten Sie folgende Hinweise!

So geht es:

Erstellen Sie mit einem Programm wie z.B. "IcoFX ", Icon Sushi oder "Microangelo " ein passendes Icon.
Oder suchen sie sich aus den reichhaltigen Sammlungen im Internet ein fertiges Icon heraus.
Oder suchen Sie sich eine entsprechende Grafik oder ein entsprechendes Bild aus.
Reduzieren Sie die Bildgröße auf 32x32px , die Farbtiefe auf 256 Farben und wandeln das Bildformat in "cursor.cur " um. Mit z.B. "IrfanView "
Oder nutzen Sie "Online-Generatoren ", die viele Bildformate in "cur" konvertieren. Hier muss man allerdings suchen, bis man einen gut funktionierenden Generator gefunden hat.
Konvertiert mit guter Qualität "jpg,png und gif " in "ico" und "cur": curico-converter

Beachten Sie:
Nicht alle Browser unterstützen alle Grafikformate und auch nicht unter allen Betriebssystemen. So unterstützt z.B. der Internet Explorer nur cursor.cur und cursor.ani als Format, wärend Firefox cursor.ani überhaupt nicht und unter Linux cursor.cur nicht unterstützt.
Oft ist zu lesen, dass der "Cursor" das GIF- oder JPG-Format haben sollte.
Die Formate funktionieren leider nicht bei den neuen Browsern!

Hinzu kommt, dass die Browser FireFox, Opera, und Netscape sich weigern den erstellten Mauszeiger wiederzugeben.
Mit einen kleinen Trick, ist auch dieses Problem behoben und zwar durch einbinden einer "alternative", wie z.B. "move" oder "default"!

Mauszeiger für einen bestimmten Teil der Webseite:
Wollen sie einen Mauszeiger für einen bestimmten Bereich einsetzen, nutzten Sie den DIV-Container:

1
 
<div style="cursor:url(https://www.forum.de/cursor.cur),default;">  TEXTBEREICH oder Bildbereich  </div>

Mauszeiger für die komplette Webseite:
Wollen Sie den Mauszeiger für Ihre komplette Webseite, tragen Sie den "Cursor " in den Body-Teil ein (Im Forum befindet sich der Body-Teil unter "Admin > [edit] > Template > Obere Leiste"):

1
 
<body style="cursor:url(https://www.forum.de/cursor.cur),default;">    ..........        </body>

Oder in die CSS: ("Admin > Layout > Farben & Einstellungen > CSS > Eigener CSS Code"):[/b]

1
2
3
 
body {
cursor:url(https://www.forum.de/cursor.cur),default;
}
 

Infos zum Mauszeiger:
  • SELFHTML: cursor

Fertige Mauszeiger:
  • Dierk's page: anicursor.com

Icon-Programme:
  • IcoFX (Freeware): IcoFX 1.64
  • Icon Sushi (Freeware): Icon Sushi 1.21
  • MicroAngelo (Shareware): MicroAngelo 6.1

Bildbearbeitungsprogramm:
  • IrfanView (Freeware): IrfanView 4.51 - 32 Bit
  • IrfanView (Freeware): IrfanView 4.51 - 64 Bit

Online Konverter:
  • Konvertiert in "ico" und "cur": curico.de
  • Konvertiert "png" in "cur": PNG-zu-CUR-Konverter

Info:

Ich habe festgestellt, dass aktuell viele Webspace-Anbieter "cur-" oder "ani-Formate" nicht mehr unterstützen!

Bis dann, viel Spass und gute Ideen!
Wolfgang

Antworten

#2 | Aktualisiert: Spezielle Mauszeiger für alle gängigen Browser datum

16.04.2016 18:50 (zuletzt bearbeitet: 16.04.2016 21:09)