Onglets en arcades de pierre
Une galerie de pierre à quatre arcades : celle qu'on choisit laisse passer le soleil, qui dessine sa forme au sol.
Réglages
Code
<div class="uvq12-ar"><div class="pt" role="tablist" aria-label="Architecture"><button type="button" role="tab" id="uvq12-ar-t0" aria-selected="true" aria-controls="uvq12-ar-p0" tabindex="0"><span class="fz">Studio</span><span class="op" aria-hidden="true"></span></button><button type="button" role="tab" id="uvq12-ar-t1" aria-selected="false" aria-controls="uvq12-ar-p1" tabindex="-1"><span class="fz">Réalisations</span><span class="op" aria-hidden="true"></span></button><button type="button" role="tab" id="uvq12-ar-t2" aria-selected="false" aria-controls="uvq12-ar-p2" tabindex="-1"><span class="fz">Équipe</span><span class="op" aria-hidden="true"></span></button><button type="button" role="tab" id="uvq12-ar-t3" aria-selected="false" aria-controls="uvq12-ar-p3" tabindex="-1"><span class="fz">Contact</span><span class="op" aria-hidden="true"></span></button></div><div class="fl" aria-hidden="true"><span class="sun"></span></div><div class="pn" role="tabpanel" id="uvq12-ar-p0" aria-labelledby="uvq12-ar-t0">Architecture et réhabilitation depuis 1998.</div><div class="pn" role="tabpanel" id="uvq12-ar-p1" aria-labelledby="uvq12-ar-t1" hidden>Trente bâtiments dans six villes.</div><div class="pn" role="tabpanel" id="uvq12-ar-p2" aria-labelledby="uvq12-ar-t2" hidden>Neuf personnes entre Madrid et Porto.</div><div class="pn" role="tabpanel" id="uvq12-ar-p3" aria-labelledby="uvq12-ar-t3" hidden>Calle del Prado, 14. On vous attend.</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 Navigation
Voir tout : NavigationOù l’utiliser
Des onglets construits comme une galerie classique en travertin : les noms sont gravés dans la frise et chaque arcade est un onglet. L'arcade choisie s'ouvre sur un ciel lumineux pendant que les autres restent à l'ombre de la loggia, et une tache de soleil en forme d'arc glisse sur le sol carrelé. Pour les agences d'architecture, hôtels, musées et sites immobiliers.
La couleur principale règle la lumière du soleil et la secondaire la pierre. Quatre arcades rendent le mieux ; garde un seul mot gravé par arcade et utilise le panneau dessous pour une phrase courte par section.