Changer l'image des cases passées dans un calendrier de l'Avent

Gilles Van Eylen -

Appliquer une image différente sur chaque case passée

C'est tout à fait possible; cela nécessitera d'ajouter du code CSS dans l'onglet CSS de l'étape Apparence de votre calendrier.

 

X = jour de la case, de 1 à 31

 

#calaventjouroffX.daybefore {

         background-image: url("url vers votre image ici");

}

 

Griser automatiquement en CSS l’image de la case passée :

.daybefore {

         -webkit-filter: grayscale(100%);

         -moz-filter: grayscale(100%);

         -o-filter: grayscale(100%);

         -ms-filter: grayscale(100%);

         filter: grayscale(100%);

}

 

Ce qui donnera le rendu suivant :

Réalisé par Zendesk