Calendrier de l’Avent

Je vous propose pour les fêtes de fin d’année un calendrier de l’Avent. Il s’agit d’un petit bout de HTML gratuit que vous pouvez utiliser à volonté sur vos pages. Il propose entre autres:

  • 25 petites images de chez n.design studio.
  • Une grille de 5×5 jours, répartis aléatoirement. Cliquer sur un jour affiche l’image pour ce jour.
  • On ne peut voir que les images du jour et des jours précédents.
  • Le script se souvient des images déjà ouvertes par un visiteur d’une visite à l’autre.
  • Les jours changent aléatoirement de place (en conservant leur image).

Pour utiliser ce script, il suffit d’ajouter ces trois lignes au code HTML des pages à l’endroit où on veut le faire apparaître:

<iframe width=150 height=172 frameborder=0 src=http://www.nicollet.net/avent></iframe>

Vous pouvez l’installer dans la charte graphique du site, si vous le souhaitez. Référez-vous à la documentation de votre site/blog pour savoir comment insérer du HTML (ou postez un commentaire ici et j’essaierai de vous aider). Exemple de calendrier en action:

3 Responses to “Calendrier de l’Avent”


  1. Je le mettrais bien sur mon petit blog d’amour, mais je dois avouer que le code HTML… Ok, je ne sais utiliser que l’interface neuneu :(

    Si tu me dis comment faire, je veux bien essayer.

    Est-ce qu’il disparaitra automatiquement après Noël?

    • Victor Nicollet - December 5, 2010 at 5:25 pm - Reply

      Bonsoir,

      A en juger par l’adresse de ton blog, tu utilises le site WordPress.com. Malheureusement, ce site est très paranoïaque vis-à-vis des choses que tu peux intégrer à ton blog (http://en.support.wordpress.com/code/) et en particulier ils interdisent le type de HTML que j’utilise pour afficher le calendrier de l’avent. Désolé…

  1. 1 Tweets that mention Calendrier de l’Avent -- Topsy.com

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



1150 feed subscribers
(readers who polled a feed this week)