Plötzlich ist der Mauszeiger ein Lichtschwert? Derzeit läuft die EM 2024 und beim kicker ist dies wieder der Fall. Warum?
Zauberei! Ein Jedi am Werk? Doch eigentlich ist das Geheimnis recht einfach zu lüften. Denn es handelt sich um einen simplen CSS-Code, der den Mauscursor verändert:
<style type="text/css">
.disneymouse {
cursor: url(https://mediadb.kicker.de/library/image/partner/mousepointer/laser_blau.png), auto;
}
.disneymouse a:hover, .disneymouse input[type=button], .disneymouse btn, .disneymouse .kick__btn:hover {
cursor: url(https://mediadb.kicker.de/library/image/partner/mousepointer/laser_rot.png), auto;
}
</style>
Das bedeutet, dass der „Mousepointer“ durch eine „Disneymouse“ ersetzt wird. Mit einer einfachen PNG (Portable Network Graphics) Grafik mit einem transparenten Hintergrund. Ein blaues Lichtschwert, wenn die Maus sich auf der Website befindet und ein rotes Leuchtschwert, wenn der Mauszeiger sich über einem Link befindet. Siiiiiuuuu – oder so ein ähnliches Geräusch hat man im Kopf und denkt an? Star Wars! Tja, es ist schlicht und ergreifend Werbung auf der Seite, bei dem die Maus ein Laserschwert wird. Ein Fußball wäre doch passender? So zur Europameisterschaft 2024.
Quelle Screenshots und Auszug aus dem Quelltext: kicker.de
Wer eine Lösung sucht, damit der Cursor sich nicht mehr verändert, kann in seinem Browser ebenfalls CSS verwenden (auch für Anfänger leicht umsetzbar): https://www.computerbase.de/forum/threads/cursor-auf-bestimmter-webside-anders-als-sonst.2198351/#post-29527574
Hat mich auch erst gewundert, vorallem wenn man wegen Werbeblocker die Disneywerbung nicht sieht.