Hiver - Neige sur le blog

Puisque la neige sur le blog est le grand thème d'actualité : voici des idées.

Il suffit de mettre un gif de neige en background.

Le cas général : neige sur tout le blog

body {background-image:url(adresse de l'image);}

Sur 95 % du blog

#global {background-image:url(adresse de l'image);}

Si vous avez déjà un background dans le body qui s'y oppose, ne désespérez pas, il reste la solution de mettre cette neige spécifiquement dans l'entête, les articles, les modules.

Positivez : la méthode a plusieurs avantages : vitesse accrue de chargement de la page et moins de lassitude visuelle pour le visiteur.

Ne vous compliquez pas la vie, si un background est déjà présent, choisissez un autre lieu pour mettre cette neige.

Je vous propose 2 types de neige. Vous pouvez prendre ces adresses, ce sont des images hébergées.

Neige drue et fine http://www.casimages.com/img/gif/07091203422662651215190.gif
Neige éparse et épaisse http://www.casimages.com/img/gif/07091203413662651215184.gif

Si vous décidez de faire une animation sur une partie seulement de votre blog, pourquoi ne pas être original et tenter de mettre d'autres objets animés sur votre blog ?

Des étoiles scintillantes http://www.hiboox.com/images/2006/9bkoe9t.gif
Des feux d'artifice http://www.hiboox.com/images/4406/c1c56601.gif

On va maintenant placer cette image dans les différentes parties du blog. Mettez l'adresse qui vous convient au lieu de celle présente.

l'entête (dans le CSS)

#top    {background-image: url(adresse de l'image);   }

Les articles (dans le CSS)

.article {background-image: url(adresse de l'image);  }

Les modules (dans le CSS)

. box {background-image: url(adresse de l'image);}  

  
Les 3 colonnes centrales (dans le CSS)

#ln_1 {background-image:url(adresse de l'image);}

---

Attention : réservé Privilège et Premium

Pour avoir la même neige que sur cette page, collez en mode source d'un module texte Libre ce code

<script src="http://ddata.over-blog.com/xxxyyy/0/09/23/80/flocons/snow.js"
type="text/javascript"></script>