TELEGRAMA
Llego mañana a las 10:40Andén 3, estación NorteMadrid Central · 09:12
HTML + CSSNotifications

Toast de télégramme

Des bandes de papier sur un formulaire de télégramme tapent le message lettre par lettre en majuscules, chaque ligne finissant par STOP.

Réglages

16px
1x

Code

<div class="uvq09-tlg"><button type="button" class="fire">En recevoir un autre</button><div class="tt" role="status"><div class="hd"><b>TÉLÉGRAMME</b><span class="sp" aria-hidden="true">URGENT</span></div><span class="sr">J'arrive demain à 10 h 40</span><span class="sr">Quai 3, gare du Nord</span><div class="strips" aria-hidden="true"><span class="s1"></span><span class="s2"></span></div><small>Madrid Central · 09:12</small></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 Notifications

Voir tout : Notifications

Où l’utiliser

Avant la messagerie, il y avait le télégramme : des bandes imprimées en majuscules collées sur un formulaire, chaque phrase terminée par STOP. Ce toast reprend ce format avec une carte en papier crème, un en-tête rouge, un tampon qui tombe d'un coup et deux bandes tapées par un court script. Le message complet est dans un texte masqué pour que les lecteurs d'écran l'entendent d'emblée.

Prends la couleur principale pour l'en-tête et le tampon et la secondaire pour le papier. La vitesse de frappe dépend de la valeur de l'intervalle ; garde deux lignes courtes pour que chaque bande tienne sur un rang. Joli pour les voyages, les invitations et les marques rétro.