Cursor AUCH auf Links ändern!!
Searcher
- css
Hi @ all!
aaalso...
ich habe es hinbekommen, für eine ganze Seite einen anderen Cursor zu bestimmen, ich habe also im body-tag das Attribut
style="cursor:url(cursor.cur)"
eingefügt. Nun möchte ich aber bevor ich das in meine Site integriere, wissen, wie ich es schaffe, dass sich der Cursor auch auf Links in dieser Form zeigt und nicht mit einer Hand!
Kann mir da jemand helfen?
tnx, SEARCHER
Hallihallo!
ich habe es hinbekommen, für eine ganze Seite einen anderen Cursor zu bestimmen, ich habe also im body-tag das Attribut
style="cursor:url(cursor.cur)"
eingefügt. Nun möchte ich aber bevor ich das in meine Site integriere, wissen, wie ich es schaffe, dass sich der Cursor auch auf Links in dieser Form zeigt und nicht mit einer Hand!
Das geht ganz einfach, indem Du in Deinem Stylesheet den gleichen Cursor für a:hover einfügst.
Funktioniert aber leider nicht in jedem Browser, weil einige die Pseudoklasse :hover nicht kennen.
Ich hoffe, ich konnte Dir ein wenig helfen.
Viele liebe Grüße,
Der Dicki
Hallihallo!
ich habe es hinbekommen, für eine ganze Seite einen anderen Cursor zu bestimmen, ich habe also im body-tag das Attribut
style="cursor:url(cursor.cur)"
eingefügt. Nun möchte ich aber bevor ich das in meine Site integriere, wissen, wie ich es schaffe, dass sich der Cursor auch auf Links in dieser Form zeigt und nicht mit einer Hand!
Das geht ganz einfach, indem Du in Deinem Stylesheet den gleichen Cursor für a:hover einfügst.
Funktioniert aber leider nicht in jedem Browser, weil einige die Pseudoklasse :hover nicht kennen.
Ich hoffe, ich konnte Dir ein wenig helfen.
Viele liebe Grüße,
Der Dicki
Hi.
Das verstehe ich nicht. ich möchte ja den Cursor ändern und nicht den Link. kann ich da irgendwas in das Style-Attribut einfügen oder muss ich jeden Link verändern?
Mein Ziel ist es ja, dass sich der Cursor in eine von mir festgelegte Dátei(.cur) ändert und so auf der ganzen Seite bleibt.AUCH AUF LINKS!
Geht denn das?
SEARCHER
Hallihallo!
OK, ich versuche es nochmal:
Du hast in Deinen body erweitert mit dem Attribut "cursor:....", stimmts?
Das ist im Prinzip die Kurzschreibweise für Folgendes im head- Bereich Deiner Datei:
<style type="text/css">
body {cursor:....; }
</style>
(Diese Schreibweise ist übrigens in sofern praktischer, als daß sie sich viel leichter für spätere Anforderungen an Deine Seite editieren lässt...)
Lege nun einfach den eben genannten style- Bereich in Deinem Head an, und erweitere ihn um
a:hover {cursor:....; } .
Dann wird jeder Browser, der das Pseudoformat hover (sorry, hatte fälschlicherweise das Wort Pseudoklasse benutzt, mehr Infos zu Pseudoformaten unter http://selfhtml.teamone.de/css/formate/zentrale.htm#pseudoformate)
kennt, auch auf links den von Dir vorgegebenen Cursor benutzen.
Wenn Du ihm diesen Cursor nicht explizit für a:hover vorgibst, wird er sonst das tun, was Du schon beobachtet hast: Er benutzt den für diese Situation vom System vorgegebenen Standardcursor.
Ich hoffe, ich konnte mich diesmal verständlicher ausdrücken....
Viele liebe Grüße,
Der Dicki
Hallihallo!
OK, ich versuche es nochmal:
Du hast in Deinen body erweitert mit dem Attribut "cursor:....", stimmts?
Das ist im Prinzip die Kurzschreibweise für Folgendes im head- Bereich Deiner Datei:
<style type="text/css">
body {cursor:....; }
</style>
(Diese Schreibweise ist übrigens in sofern praktischer, als daß sie sich viel leichter für spätere Anforderungen an Deine Seite editieren lässt...)
Lege nun einfach den eben genannten style- Bereich in Deinem Head an, und erweitere ihn um
a:hover {cursor:....; } .
Dann wird jeder Browser, der das Pseudoformat hover (sorry, hatte fälschlicherweise das Wort Pseudoklasse benutzt, mehr Infos zu Pseudoformaten unter http://selfhtml.teamone.de/css/formate/zentrale.htm#pseudoformate)
kennt, auch auf links den von Dir vorgegebenen Cursor benutzen.
Wenn Du ihm diesen Cursor nicht explizit für a:hover vorgibst, wird er sonst das tun, was Du schon beobachtet hast: Er benutzt den für diese Situation vom System vorgegebenen Standardcursor.
Ich hoffe, ich konnte mich diesmal verständlicher ausdrücken....
Viele liebe Grüße,
Der Dicki
Super, Danke!
Ich denke, das schaffe ich. ;-)
CYA, SEARCHER
Hi @ all!
Tach
aaalso...
ich habe es hinbekommen, für eine ganze Seite einen anderen Cursor zu bestimmen, ich habe also im body-tag das Attribut
style="cursor:url(cursor.cur)"
eingefügt. Nun möchte ich aber bevor ich das in meine Site integriere, wissen, wie ich es schaffe, dass sich der Cursor auch auf Links in dieser Form zeigt und nicht mit einer Hand!
Im Gegensatz zu den meisten HTML-Elementen erbt a nicht die Cursor-Eigenschaften des Elternelements, sondern definiert einen eigenen (so wie es auch Farbe und Text-decoration nicht erbt).
Also muß für a der Cursor auch gesetzt werden (:hover muß nicht angegeben werden, da die Cursor-Eigenschaft immer nur wirkt, wenn die Maus über dem Element ist).
Es gibt noch andere Elemente, die die Cursor-Property nicht erben, z.B. input und textarea.
Btw, für sehr sinnvoll halte **ich** sowas nicht.
Andreas