Pulsa º para abrir o cerrar la consola

HTML + CSSOverlays

Console déroulante façon Quake

Une console texte qui tombe du haut avec la touche à gauche du 1, garde l'historique et répond à quelques commandes.

Réglages

16px
1x

Code

<div class="uvq13-qk"><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" aria-keyshortcuts="Backquote"><kbd>º</kbd><span>Console</span></button><p class="hn">Appuie sur la touche à gauche du 1 pour ouvrir ou fermer la console</p><div class="cn" role="dialog" aria-modal="true" aria-label="Console"><b class="tt" aria-hidden="true">Consola · v27</b><div class="lg" role="log" aria-live="polite"><p class="sys">AIMRAN 27.0.1</p><p>Tape help pour voir les commandes</p></div><label class="ln"><span aria-hidden="true">]</span><input aria-label="Commande" autocomplete="off" spellcheck="false"></label><div class="lib" hidden><p data-c="help">Commandes : help, clear, god, noclip, fps, quit</p><p data-c="god">Mode dieu activé</p><p data-c="noclip">Traverser les murs : oui</p><p data-c="fps">125 images par seconde</p><p data-c="?">Commande inconnue</p></div></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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Overlays

Voir tout : Overlays

Où l’utiliser

Les vieux jeux de tir cachaient leur console derrière la touche à gauche du 1, et cet overlay la ramène dans les applications web. Le panneau descend sur les deux tiers supérieurs avec des lignes de balayage et un texte ambre à chasse fixe, le journal défile pendant la saisie et les flèches parcourent l'historique. Parfait pour un panneau de débogage, un outil interne ou une page pour développeurs.

Les deux couleurs règlent le texte ambre et le verre sombre, le champ texte renomme la console. Ajoute tes propres réponses dans la liste masquée, et Échap ou la même touche la referment.