Problem? Komm her und sieh nach!
 
  H O M E
  K O N T A K T
  G Ä S T E B U C H
  H I L F E
  I D E E N
  I M P R E S S U M

© Copyright 2012 by malina-cooly

Mauszeiger ändern
<< zurück zur Übersicht

Mauszeiger ändern So geht's!


In jedem Design kannst du deinen Mauszeiger ändern und einen Individuellen, an deine Homepage angepassten Cursor einfügen. Wie das geht, wird hier nun Schritt für Schritt erklärt.

Zunächst musst du wissen, dass jeder Cursor einen Namen hat. Wenn du in deinem Design dann durch einen Code den Namen änderst, erscheint der gewünschte Cursor.

Als erstes mal die Standard-Auswahl (Fahre mit dem Mauszeiger über die Namen und du siehst, welcher Mauszeiger das ist):
default pointer crosshair help
text wait progress move
e-resize ne-resize nw-resize n-resize
sw-resize se-resize s-resize w-resize

Du kannst auch mit einem Bildbearbeitungsprogramm (wie Photoshop, Gimp, Photoscape, Paint etc.) einen eigenen Cursor erstellen. Der Cursor sollte ziemlich klein sein (ca. 15 x 20px).


Jetzt wird in die Designs unterteilt. Zunächst einmal die Codes für die "vorgefertigten" Designs des Homepage-Baukastens:

!!! WICHTIGE FRAGE:
Wo füge ich den Code ein?
Design einstellen → Erweiterte Einstellungen → Text über dem Design


Der normale Code (CURSORNAME durch den gewünschten Namen, siehe oben Auswahl, ersetzen. Wenn man auf einen Link fährt, verschwindet der Cursor und der normale Mauszeiger wird angezeigt. Wenn man vom Link runterfährt, erscheint wieder der selbsteingestellte Cursor)



Der Link-Code (CUSORNAME durch den gewünschten Namen, siehe oben Auswahl, ersetzen. Wenn man auf einen Link fährt, bleibt der selbsteingestellte Cursor)



Eigener Cursor-Code (CURSORADRESSE durch die Bildadresse bzw. Cursoradresse ersetzen. Wenn man über einen Link fährt, verschwindet der Cursor und man erhält den Standartcursor. Wenn man vom Link runterfährt, erscheint der eingestellte Cursor wieder)



Eigener Cusor-Link-Code (CURSORADRESSE durch die Bildadresse bzw. Cursoradresse ersetzen. Wenn man über einen Link fährt, bleibt der eingestellte Cursor)




Jetzt folgen die Codes für CSS-Designs:


!!! WICHTIGE FRAGE:
Wo füge ich den Code ein?
Design einstellen → Erweiterte Einstellungen → CSS-Code ohne Style Tags

Der normale Code
(CURSORNAME durch den gewünschten Namen, siehe Auswahl, ersezten. Wenn man auf einen Link fährt, verschwindet der eingestellte Cursor. Wenn man vom Link runterfährt, erscheint wieder der selbsteingestellte Cursor.)



Der Link-Code
(CURSORNAME durch den gewünschten Namen, siehe Auswahl, ersetzen. Wenn man auf einen Link fährt, bleibt der selbsteingestellte Cursor.)



Eigener Cursor-Code
(CURSORADRESSE durch die Bildadresse bzw. Curoradresse ersetzen. Wenn man über einen Link fährt, verschwindet der selbsteingestellte Code. Fährt man wieder von dem Link, erscheint der eigene, neue Cursor.)



Eigener Cursor-Link-Code
(CURSORADRESSE durch die Bildadresse bzw. Cursoradresse ersetzen. Wenn man auf einen Link fährt, bleibt der selbsteingestellte Cursor.)



Hat dir die Seite weitergeholfen?

Bitte lasse ein Kommentar da!

 
 
   
malinas-desgins hat eröffnet!  
 

Willkommen auf malina-desgins.de.tl!
Ab sofort kannst du hier Hilfe für Starter im HpBk finden. Das hier ist nicht für Profis!

Hier findest du auch praktische Codes und musst somit nicht mehr im Internet suchen sondern hast alles auf der Hand.
Ich hoffe du findest das, was du brauchst :D
LG malina-cooly

 
Wieso malinas-DESGINS?  
 

Hehe, das war ein blöder Tippfehler. Natürlich weiß ich, dass man DESIGNS so schreibt, aber als ich diese Seite erstellte, habe ich mich vertippt und, naja, danach habe ich zu schnell auf "Anmeldung abschicken" geklickt.
Früher sollten hier Designs angeboten werden, aber jetzt habe ich micht entschlossen, eine Hilfeseite mit zahlreichen Codes zu erstellen.
Deshalb: Gute Suche hier auf malinas-desgins.de.tl! LG malina-cooly

 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden