Infobulle façon étiqueteuse
Des tiroirs métalliques qui impriment au survol ou au focus un ruban en relief, comme celui d’une étiqueteuse à main.
Réglages
Code
<div class="uvq08-dym"><div class="cab"><span class="cl pk"><button type="button" class="dr" aria-label="Cajón 1" aria-describedby="uvq08-dym-0"><i class="sl" aria-hidden="true"></i><i class="hd" aria-hidden="true"></i></button><span class="lb" role="tooltip" id="uvq08-dym-0">VIS M4</span></span><span class="cl"><button type="button" class="dr" aria-label="Cajón 2" aria-describedby="uvq08-dym-1"><i class="sl" aria-hidden="true"></i><i class="hd" aria-hidden="true"></i></button><span class="lb" role="tooltip" id="uvq08-dym-1">CHEVILLES 8 MM</span></span><span class="cl"><button type="button" class="dr" aria-label="Cajón 3" aria-describedby="uvq08-dym-2"><i class="sl" aria-hidden="true"></i><i class="hd" aria-hidden="true"></i></button><span class="lb" role="tooltip" id="uvq08-dym-2">COLLIERS 200</span></span></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Info-bulles
Voir tout : Info-bullesOù l’utiliser
Les anciennes étiqueteuses à main embossaient des lettres blanches dans un ruban plastique coloré, et cette infobulle reprend ce rendu. Chaque tiroir d’un petit meuble en acier imprime son étiquette au-dessus, par à-coups, comme si le ruban sortait de la machine. Elle convient aux outils d’inventaire, aux applis d’atelier, aux tableaux de stock et à toute interface où des objets dorment dans des boîtes.
La couleur principale teinte le ruban, la secondaire règle le ton de l’acier. Garde des libellés courts et en majuscules pour que le relief reste lisible, et réserve-la aux contenus qui se comportent vraiment comme une étiquette collée.