Voila un petit tuto très rapide vu que c'est noël, je vais vous apprendre à faire tomber de la neige sur votre site ;)
(Tutoriel réservé aux personnes qui ont un minimum de connaissances en web)
On va utiliser cette librairie: https://github.com/downloads/kopipejst/jqSnow/jquery.snow.min.1.0.js
<script src="https://github.com/downloads/kopipejst/jqSnow/jquery.snow.min.1.0.js"></script>
Je vous conseille de mettre ce script dans votre header.php si vous en avez un, ou un global.
Vérifiez que votre site utilise jQuery. si il ne l'utilise pas voici le script:
<script src="https://code.jquery.com/jquery-latest.js"></script>
La librairie snow doit être déclarée après jQuery.
Si votre header possède déjà un $(document).ready, rajoutez simplement
$.fn.snow();
à l'intérieur. Sinon, rajoutez ceci après jQuery et la librairie:
<script type="text/javascript">
$(document).ready(function(e) {
$.fn.snow();
});
</script>
Voila l'installation basique. Vous pouvez configurer votre neige avec plusieurs arguments, exemple :
$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#0099FF' });
Voici la liste des options et leur description :
minSize - Taille minimum des flocons, 10 par défaut
maxSize - Taille maximum des flocons, 20 par défaut
newOn - Fréquence (délai) en millisecondes (1000ms = 1s) entre deux flocons, 500 par défaut
flakeColor - Couleur des flocons (format hex), #FFFFFF par défaut
Pour la couleur des flocons, utilisez ce site : http://htmlcolorcodes.com/color-picker/
Vous devez prendre le code "HEX" au dessus de la palette.
Voila le résultat sans aucune option configurée, elle n'est pas trop visible et ne gêne pas tout en étant joli ;)
http://i.imgur.com/csvrZHq.gifv
Si vous avez besoin d'aide pour configurer la librairie, MP moi ou ajoutez moi skype: aquazus