Estreno
La ciudad dormida
Viernes 14 · 21:30 · Sala 3
Quedan 12 butacas
Modale avec rideau de théâtre
Un rideau de velours se ferme sur la page puis se rouvre pour présenter le billet de la première.
Réglages
Code
<div class="uvq13-tel"><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">Voir la première</button><div class="scr"></div><i class="cu l" aria-hidden="true"></i><i class="cu r" aria-hidden="true"></i><i class="vl" aria-hidden="true"></i><div class="dl" role="dialog" aria-modal="true" aria-labelledby="uvq13-tel-t"><p class="kk">Première</p><p class="ti" id="uvq13-tel-t">La Ville endormie</p><p class="dt">Vendredi 14 · 21 h 30 · Salle 3</p><p class="sp">Plus que 12 places</p><div class="ac"><button type="button" class="go">Réserver une place</button><button type="button" class="x">Plus tard</button></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.
Plus dans Overlays
Voir tout : OverlaysOù l’utiliser
Certaines annonces méritent un peu de cérémonie, et cette modale la met en scène. Un lambrequin festonné descend, deux rideaux de velours plissés à franges dorées se ferment sur la page, puis s'ouvrent et se drapent sur les côtés pendant qu'un programme monte sous un projecteur. À la fermeture, le rideau retombe avant de disparaître. Pour un théâtre, un cinéma, un lancement, une soirée de gala ou un festival.
La couleur principale est le velours, la seconde la dorure, et le champ texte porte le titre du spectacle. Échap, le fond et les deux boutons lancent la séquence de fermeture et rendent le focus au bouton d'ouverture.