Aller au contenu

Bandeau de cookies gourmand

Une carte au ton complice avec un cookie dessiné en CSS, pour une boulangerie, une pâtisserie ou un café.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

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. Le ton reste léger, mais la finalité de chaque cookie est dite clairement, comme l'exige le RGPD.

Code

Chargement du code…

Contenu de l'archive

cookies-gourmand-html-tailwind.zip3 fichiers · 5 Ko

  • index.html9 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 12 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
    Composant
  • Un panneau qui affiche directement chaque catégorie de cookies avec sa case, sans étape intermédiaire.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un bandeau sobre aux angles droits et au filet épais, adapté aux collectivités, cabinets et établissements publics.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Fenêtre de cookies centrée

    Bientôt disponible

    Une fenêtre centrée à l'écran, sans voile bloquant, qui laisse le site consultable pendant le choix.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant