Neige sur le blog

Mettre de la neige sur votre blog
(TOUT Niveaux : Confiance, Privilège, Premium)

Il est possible de "mettre de la neige" sur votre blog sans utiliser de javascript.
Cela n'est pas la panacée, car cela crée quelques petits inconvéniants (que je vais survoller ici avec vous) :
Le premier c'est que cela "alourdi" le chargement de votre page (aucune idée de l'incidence sur le "Blog Rank")
Si vous avez déjà beaucoup de gif et/ou d'animations (textes défilant), il vont fonctionné plus lentement (et votre neige aussi)
En deuxième, la neige va passer "derrière" vos textes et images
En troisième dans certain cas il va falloir ruser car si vous avez déjà mis une url dans votre "body" impossible de rajouter en plus l'url pour la neige... (Le forum Design et feuille de style vous aidera au cas par cas si besoin ;))
Pour les fonds "Neige" que je présente, deux sont "transparent", les trois autres ont leur propre fond (blanc)
Je vous conseille fortement de les enregistrer !
Pourquoi ?
Car si vous faite un lien direct et que je déplace le gif, que je l'efface, etc... et bien vous le perdrez aussi sur votre blog ;)
1) clic droit "Enregistrer l'image sous..."
2) Ensuite chargez l'image dans un sous dossier d'Over-blog (pourquoi un sous dossier ? Pour ne pas perdre un album photo)... si vous ne savez pas comment faire consulter la FAQ : Importer des photos
Les deux avec fond "transparent", ces deux images permettent de garder une couleur de fond ou dans certain cas de se mettre par dessus une image de fond (comme ici [Voir aussi l'article d'accueil])...

  

Les trois avec le fond blanc : ces trois images vont donc cacher dans tout les cas votre fond :

    

Complément d'infos :
Pour mettre la neige dans votre CSS :
Si dans votre ligne body vous n'avez pas encore mis de "background-image" pas de probleme vous rajoutez ceci (après le dernier ; et avant } ) :

background-image:url(http://idata.over-blog.com.mon-fond.gif); background-repeat:repeat; background-position:center; background-attachment:fixed;

Notes :
http://idata.over-blog.com.mon-fond.gif à corriger par l'adresse ou est votre image (nan sérieux, j'en ai déjà eu me dire ca fonctionne pas ! :o/  )

Si vous avez un "background" ou un "background-color" il restera en place et la neige "passera" dessus.

Si vous avez un modèle de la série "200" vous pouvez jouer à mettre la même ligne de comande dans "#main" si vous n'y avez pas mis d'url

Vous pouvez aussi ne mettre la commande que dans certains articles, l'article d'accueil, le haut de page (entête), le bas de page (pied de page), comme je l'ai fait, mais ne perdez pas de vue le poids final...
Pour ce faire la ligne de commande html est en deux partie et est à mettre en mode "Source" ; en tout début (avant toutes les ligne déjà présente) :
<div style="background-image: url(http://idata.over-blog.com/mon_image.gif);">
et en fin :
</div>

Vous pouvez aussi mettre uniquement dans les articles, les modules, vos com, etc... directement via le CSS (même ligne de commande que donnée dans le "body" mais à mettre dans "l'identifiant" désiré