Introduce el código
Código incorrectoAbierta
Pista: la columna del medio
Clavier de coffre-fort
Un panneau en métal brossé avec des touches qui s'enfoncent, des voyants qui s'allument et une secousse si le code est faux.
Réglages
Code
<div class="uvq13-sf"><div class="pg" aria-hidden="true"><i class="h"></i><i></i><i></i><i></i><i></i><i class="s"></i></div><button type="button" class="fire" aria-haspopup="dialog">Ouvrir le coffre</button><div class="scr"></div><div class="dl" role="dialog" aria-modal="true" aria-labelledby="uvq13-sf-t"><div class="tp"><p id="uvq13-sf-t">Saisis le code</p><i class="led" aria-hidden="true"></i></div><div class="dp" aria-hidden="true"><i></i><i></i><i></i><i></i></div><p class="st" aria-live="assertive"><span class="e">Code incorrect</span><span class="ou">Déverrouillée</span></p><div class="kp"><button type="button" data-k="1">1</button><button type="button" data-k="2">2</button><button type="button" data-k="3">3</button><button type="button" data-k="4">4</button><button type="button" data-k="5">5</button><button type="button" data-k="6">6</button><button type="button" data-k="7">7</button><button type="button" data-k="8">8</button><button type="button" data-k="9">9</button><button type="button" data-k="del" aria-label="Effacer"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5.5h10.5A1.5 1.5 0 0 1 21 7v10a1.5 1.5 0 0 1-1.5 1.5H9L3 12zM12 9.5l5 5M17 9.5l-5 5"/></svg></button><button type="button" data-k="0">0</button><button type="button" data-k="x" aria-label="Fermer"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7l10 10M17 7L7 17"/></svg></button></div><p class="hn">Indice : la colonne du milieu</p></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 Overlays
Voir tout : OverlaysOù l’utiliser
Les dialogues de code PIN se résument souvent à quatre cases vides, celui-ci rappelle le coffre d'une chambre d'hôtel. Acier brossé à rivets, touches rondes en métal qui s'enfoncent, points ambrés dans un écran encastré et un voyant qui passe au rouge ou au vert. Un mauvais code secoue le panneau et le remet à zéro. Pour un contrôle parental, un coffre, un escape game ou un code d'accès.
La couleur principale est le voyant de réussite, la seconde la teinte du métal. Change le code dans le script, et saisis-le aux chiffres ou avec Retour arrière autant qu'au toucher, car le panneau écoute le clavier tant qu'il est ouvert.