El tiempo en Toledo
Wettervorschau aus Knete
Weiche Knetchips mit dem Wetter jedes Tages; beim Hovern hüpft ein wabbeliger Tooltip mit der stündlichen Vorhersage herein.
Einstellungen
Code
<div class="uvq08-cly"><div class="ds"><span class="wr pk"><button type="button" class="dy" aria-describedby="uvq08-cly-0"><span class="dn">Heute</span><i class="ic sun" aria-hidden="true"><i class="s"></i></i><b>18°</b></button><span class="tt" role="tooltip" id="uvq08-cly-0"><span class="hr"><span class="hh">9:00</span><i class="ic sun" aria-hidden="true"><i class="s"></i></i><b>12°</b></span><span class="hr"><span class="hh">12:00</span><i class="ic sun" aria-hidden="true"><i class="s"></i></i><b>17°</b></span><span class="hr"><span class="hh">15:00</span><i class="ic pc" aria-hidden="true"><i class="s"></i><i class="c"></i></i><b>19°</b></span><span class="hr"><span class="hh">18:00</span><i class="ic pc" aria-hidden="true"><i class="s"></i><i class="c"></i></i><b>16°</b></span></span></span><span class="wr"><button type="button" class="dy" aria-describedby="uvq08-cly-1"><span class="dn">Fr</span><i class="ic rn" aria-hidden="true"><i class="c"></i><i class="d"></i></i><b>15°</b></button><span class="tt" role="tooltip" id="uvq08-cly-1"><span class="hr"><span class="hh">9:00</span><i class="ic rn" aria-hidden="true"><i class="c"></i><i class="d"></i></i><b>11°</b></span><span class="hr"><span class="hh">12:00</span><i class="ic rn" aria-hidden="true"><i class="c"></i><i class="d"></i></i><b>13°</b></span><span class="hr"><span class="hh">15:00</span><i class="ic pc" aria-hidden="true"><i class="s"></i><i class="c"></i></i><b>15°</b></span><span class="hr"><span class="hh">18:00</span><i class="ic rn" aria-hidden="true"><i class="c"></i><i class="d"></i></i><b>12°</b></span></span></span><span class="wr"><button type="button" class="dy" aria-describedby="uvq08-cly-2"><span class="dn">Sa</span><i class="ic pc" aria-hidden="true"><i class="s"></i><i class="c"></i></i><b>21°</b></button><span class="tt" role="tooltip" id="uvq08-cly-2"><span class="hr"><span class="hh">9:00</span><i class="ic pc" aria-hidden="true"><i class="s"></i><i class="c"></i></i><b>14°</b></span><span class="hr"><span class="hh">12:00</span><i class="ic sun" aria-hidden="true"><i class="s"></i></i><b>19°</b></span><span class="hr"><span class="hh">15:00</span><i class="ic sun" aria-hidden="true"><i class="s"></i></i><b>21°</b></span><span class="hr"><span class="hh">18:00</span><i class="ic pc" aria-hidden="true"><i class="s"></i><i class="c"></i></i><b>18°</b></span></span></span></div><p class="hd">Wetter in Toledo</p></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.
Mehr aus Tooltips
Alle ansehen: TooltipsWofür du ihn nutzen kannst
Drei Tageschips wie aus Knete modelliert, mit inneren Lichtern, weichen Schatten und kleinen Sonnen-, Wolken- und Regensymbolen aus runden Formen. Beim Hovern oder Fokussieren hüpft ein Tooltip aus derselben Masse wie Wackelpudding herein und zeigt vier Stunden mit Symbol und Temperatur, verbunden mit dem Chip durch zwei kleine Knettropfen. Passt zu Wetter-Widgets, Reiseplanern und freundlichen Dashboards.
Die Hauptfarbe bestimmt die Temperaturen, die Zweitfarbe die Knete selbst, von Sand bis Zartrosa. Bleib bei vier oder fünf Stunden pro Tag, damit der Tooltip kompakt bleibt, und forme eigene Symbole für Schnee oder Wind.