Bandeau de cookies en haut de page
Un bandeau placé en tête de page, dans le flux du document, qui ne masque jamais le contenu.
- Tailwind
- React
- CSS
- WordPress
Description
Le bouton « Tout refuser » a exactement la même apparence que « Tout accepter », comme l'exige la CNIL, et aucune case n'est pré-cochée. Le choix est conservé six mois puis redemandé ; un bouton « Gérer les cookies » permet de le modifier à tout moment. Un événement consentchange transmet les choix à vos scripts pour ne charger les traceurs qu'après accord. Placé dans le flux, il pousse la page vers le bas au lieu de la recouvrir, et il est le premier élément atteint au clavier.
Code
Chargement du code…
Contenu de l'archive
cookies-bandeau-haut-html-tailwind.zip3 fichiers · 5 Ko
- index.html9 Ko
- README.md3 Ko
- LICENSE.md1 Ko
Mots-clés
Mis à jour le 13 octobre 2026.
Dans le même esprit
Une barre sombre arrondie qui flotte en bas de l'écran, texte à gauche et boutons à droite sur grand écran.
- Tailwind
- React
- CSS
- WordPress
Préférences de cookies détaillées
Bientôt disponibleUn panneau qui affiche directement chaque catégorie de cookies avec sa case, sans étape intermédiaire.
- Tailwind
- React
- CSS
- WordPress
Un bandeau sobre aux angles droits et au filet épais, adapté aux collectivités, cabinets et établissements publics.
- Tailwind
- React
- CSS
- WordPress
Bandeau de cookies gourmand
Bientôt disponibleUne carte au ton complice avec un cookie dessiné en CSS, pour une boulangerie, une pâtisserie ou un café.
- Tailwind
- React
- CSS
- WordPress