Pulsa una etiqueta para despegarla

    HTML + CSSChamps

    Étiqueteuse à ruban en relief

    Tape sur le petit écran, appuie sur imprimer et une bande plastique aux lettres en relief sort, prête à être décollée.

    Réglages

    16px
    1x

    Code

    <form class="uvq06-lt"><div class="dv"><span class="br" aria-hidden="true">LT-27</span><div class="lcd"><label for="uvq06-lt-in" class="sr">Texte de l'étiquette</label><input id="uvq06-lt-in" maxlength="14" autocomplete="off" spellcheck="false" placeholder="Texte de l'étiquette"></div><button type="submit" class="pr">Imprimer</button><span class="sl" aria-hidden="true"></span></div><ul class="tp"></ul><p class="ht">Touche une étiquette pour la décoller</p></form>

    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.

    Version Markdown avec tout le code, pour les assistants IA

    Plus dans Champs

    Voir tout : Champs

    Où l’utiliser

    Un champ texte logé dans une étiqueteuse portable : une petite fenêtre LCD verte, un bouton rond en caoutchouc pour imprimer et une fente pour le ruban. Chaque étiquette sort par à-coups, comme poussée par un moteur, avec des lettres blanches en relief et des bouts coupés en biais. Elles penchent un peu au hasard, s'empilent par trois et se décollent d'une touche.

    La couleur principale est le ruban et la secondaire le boîtier, donc rouge sur ardoise, noir sur jaune ou bleu sur blanc ne demandent qu'un changement. Utilise-la pour des tags, des noms de dossiers, une app d'inventaire ou pour demander un surnom de façon ludique.