14Jueves

  • Café con Marta
  • Reunión con diseñoLlevar las muestras de tela y el presupuesto nuevo
  • Comida con el equipo
HTML + CSSTooltips

Haftnotiz-Tooltip im Kalender

Eine Haftnotiz mit Klebeband landet schräg und mit angehobener Ecke auf dem Kalender, sobald du das Notizsymbol berührst oder fokussierst.

Einstellungen

16px
1x

Code

<div class="uvq08-stk"><div class="pl"><p class="dy"><b>14</b><span>Donnerstag</span></p><ul><li><time>09:00</time><span class="nm">Kaffee mit Marta</span></li><li><time>10:00</time><span class="nm">Meeting mit dem Design-Team</span><span class="wr pk"><button type="button" class="ic" aria-label="Notiz ansehen" aria-describedby="uvq08-stk-t"></button><span class="po" role="tooltip" id="uvq08-stk-t"><i class="tp" aria-hidden="true"></i>Stoffmuster und das neue Angebot mitbringen</span></span></li><li><time>13:30</time><span class="nm">Mittagessen mit dem Team</span></li></ul></div></div>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Tooltips

Alle ansehen: Tooltips

Wofür du ihn nutzen kannst

Fährst du über das kleine Notizsymbol in einem Tagesplaner, landet eine gelbe Haftnotiz mit einer schnellen, federnden Drehung auf der Seite, samt durchscheinendem Klebestreifen und gewellter Ecke. Der Text nutzt eine handschriftlich wirkende Systemschrift und liest sich wie etwas, das jemand schnell notiert hat. Passt zu Kalendern, Aufgabenlisten, CRM-Verläufen und Notizbüchern.

Die Hauptfarbe bestimmt das Papier, die Zweitfarbe den Akzent des Datums. Beschränke die Notiz auf ein bis zwei Zeilen und nutze sie für persönliche Kommentare statt Systemmeldungen, damit das Bild glaubwürdig bleibt.