🚀 Hallo ihr digital vernetzte Gartenfreunde und vergessenen Pixelhelden! ✨
Heute freue ich mich, euch direkt vier neue HTML-Blöcke für eure Bobaro-Installation vorzustellen und vor allem aber auch zur Verfügung zu stellen. Wie immer, wenn ihr die HTML-Blöcke nutzt, dann stets auf eigene Gefahr. Ich übernehme keinerlei Haftung für unsachgemäßen Einbau und/oder Fehler in irgendeiner Form. Eine vorherige Datensicherung ist eine der besten Ideen, die man haben kann 😉.
Bei den neuen HTML-Blöcken handelt es sich um Veränderungen bzw. neue Eyecatcher, die sich am Mauszeiger auf Desktopgeräten zeigen. Bei mobilen Endgeräten wird ja sowieso keine Maus verwendet und somit werden diese Effekte natürlich nicht angezeigt.
Ihr könnt die Effekte entweder pro Artikel- oder Seite als HTML-Block nutzen, dann wird der Effekt auch nur dort angezeigt. Das ist ideal, wenn man den Effekt mal testen möchte. Ansonsten könnt ihr diesen auch im Werkzeug
HTML-Blöcke unter Globaler Block einfügen. Alles, was ihr dort einfügt, wird auf allen Seiten, welche auch den Footer anzeigen, verwendet.
Welche Blöcke gibt es?
Es stehen 4 neue Blöcke zur Verfügung.- Mausjäger I (Verfolger)
- Dieser Effekt fügt deiner Website einen dezenten, modernen Punkt hinzu, der deinem Mauszeiger mit einer minimalen, eleganten Verzögerung auf Schritt und Tritt folgt. Er dient als interaktiver Eyecatcher, der die Blicke auf sich zieht und der Navigation ein besonders flüssiges und dynamisches Gefühl verleiht. Da er Klicks einfach durchlässt, bleibt die Bedienung deiner Website dabei vollkommen ungestört. Dank einer speziellen, hardwarebeschleunigten Berechnung läuft diese Bewegung auf allen modernen Browsern – einschließlich Safari – absolut flüssig und ressourcenschonend.
Mausjäger I - Mausjäger II (Verfolger)
- Dieser Effekt erzeugt eine elegante Kaskade aus mehreren feinen Umriss-Kreisen, die deinem Mauszeiger wie eine organische Schlange hinterhergleiten. Durch das fließende Zusammenspiel der einzelnen Elemente entsteht ein moderner und dynamischer Eyecatcher, der die Blicke auf sich zieht. Dank einer speziellen, hardwarebeschleunigten Berechnung läuft diese Bewegung auf allen modernen Browsern – einschließlich Safari – absolut flüssig und ressourcenschonend.
Mausjäger II - Mausjäger III (Verfolger)
- Dieser Effekt erzeugt eine elegante Kaskade aus mehreren feinen Kreisen (volle Farbfüllung), die deinem Mauszeiger wie eine organische Schlange hinterhergleiten. Durch das fließende Zusammenspiel der einzelnen Elemente entsteht ein moderner und dynamischer Eyecatcher, der die Blicke auf sich zieht. Dank einer speziellen, hardwarebeschleunigten Berechnung läuft diese Bewegung auf allen modernen Browsern – einschließlich Safari – absolut flüssig und ressourcenschonend.
Mausjäger III - Mausjäger IV (Verfolger mit Logo)
- Dieses flexible Snippet lässt eine eigene Header-Grafik oder ein Logo im gewünschten Pixel-Abstand elegant hinter dem Mauszeiger hergleiten. Über einen zentralen Schalter im CSS kann nahtlos zwischen einem einzelnen Grafik-Verfolger und einer organisch fließenden Logo-Schlange gewechselt werden, bei der die hinteren Elemente automatisch ausfaden. Dank der rein mathematischen Berechnung läuft der Effekt auf allen Desktop-Browsern inklusive Safari absolut ruckelfrei, während er auf Touch-Geräten zur Performance-Schonung vollautomatisch deaktiviert wird.
Mausjäger IV
Wenn ihr komplett auf den althergebrachten Mauszeiger verzichten wollt, dann müsst ihr im Code nur direkt nach dem
<style> folgenden Code einfügen:HTML
Danach wird nur noch der entsprechende Mauszeiger ausgewählt. Im Code ist auch jeweils die Stelle markiert, an welcher ihr die Farbe und Größe anpassen könnt, wenn ihr das wollt (was sich ja wahrscheinlich anbietet, wenn man seine eigene Primärfarbe wählt). /* Versteckt den Standard-Mauszeiger auf der gesamten Website */
html, body, a, button, input, select, textarea {
cursor: none !important;
}
