Hover List
Zeilenliste mit Pille oder Nummer, die beim Hover einrücken und eine Vorschau zeigen
Die Beispiele sind nur ein Teil. Jede Tile hat außerdem die erweiterten Optionen: Animationen, Mauseffekte, Sichtbarkeit nach Gerät oder Datum, Position und vieles mehr.
01
Frisch eingefügt
So sieht sie aus, sobald du sie der Seite hinzufügst, vor jeder Änderung.
02
Der Farbfächer eines Farbengeschäfts
Runde Pillen in gemischten Farben des Themes, dunkle Namen auf einem hellen Kasten; beim Hover rückt die Zeile ein, färbt sich rot und die Pille wird größer.
03
Die Weinkarte einer Weinbar
Auf einem Nacht-Hintergrund: quadratische weinrote Pillen, helle Namen in Großbuchstaben, Jahrgang und Preis rechts in Monospace; beim Hover leuchtet die Zeile leicht auf.
04
Die Leistungen eines Studios, wie ein Regieraum
Fortlaufende Nummern statt der Pillen, großer Name und Beschreibung rechts; beim Hover erscheint der „Monitor“, der dem Cursor folgt, und die Nummer wird rot.
05
Die Garderobe einer Boutique, mit Vorschau
Beim Hover über jedes Kleidungsstück erscheint sein Foto (Vorschau 3:4, 220 px breit) neben dem Cursor; kompakte Zeilen, kleine Pillen in der Farbe des Stoffes auf pfirsichfarbenem Hintergrund.
06
Das Festivalprogramm, ein Abend pro Zeile
Jeder Eintrag hat seinen eigenen Hintergrund (Farbtöne und Verläufe des Themes), die Nummer ist das Datum und die rechte Spalte der Ort: ein gestreiftes Plakat in einem abgerundeten Kasten.
07
Die Spielerinnen, mit Foto beim Hover
Rückennummer statt der laufenden Nummer, Position rechts in Monospace, helle Namen auf blauem Hintergrund; beim Überfahren eines Namens erscheint das Foto der Spielerin.
