PDA

Voir la version complète : Snow (effet flocons de neige)

Allan
27/11/2006, 21h13
Description
Ce hack permet de créer un effet flocon de neige sur votre foumRemerciements et support / Thanks and support
Ce Hack a été traduit en français pour vBulletin-Ressources avec l'autorisation explicite de son auteur. / This Hack was translated into French for vBulletin-Ressources with the explicit authorization of its author.
vBulletin-Ressources et son équipe offrira du support vis-à-vis des hacks traduits, bien sûr, dans la mesure du possible de chacun, autant en terme de temps que de connaissances/ vBulletin-Ressources and its team will offer support for the translated hacks, of course, as far as possible for everyone, as much in term of time that knowledge.
vBulletin-Ressources remercie l'auteur du hack pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the hack to have provided its authorization.Conception
Auteur du Hack / Author Of Hack : Ev!L ErN!E
Source / Link of Thread: Snow for Christmas (http://www.vbulletin.org/forum/showthread.php?t=132475)
Version vBulletin Requise / Version vBulletin Required : vB 3.6
Testé / Tested: oui
Traducteur / Translator: Allan
Copyright © 2006 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions/ Copyright © 2006 vBulletin-Ressources.com - All Rights Reserved Only For Ours Translations~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Installation:

Uploader le fichier "snow.js" à la racine de votre forum
Vous pouvez éditer ce fichier afin de modifier quelques paramètres:
var num = 40; //Nombres de flocons
var timer = 30; //Vitesse des floconsDans votre template "header", ajout au début:

<!-- Start Snow For Christmas Code -->
<script type="text/javascript" src="snow.js"></script>
<!-- End Snow For Christmas Code -->
Dans votre template "forumhome", ajouter en dessous de <head> ce code:

<!-- Start Snow For Christmas Code -->
<script type="text/javascript" src="snow.js"></script>
<!-- End Snow For Christmas Code -->

Pour résumer:

Flocons juste sur l'index du forum (ajouter le code dans le template "forumhome"
Flocons sur toutes les pages (ajouter ce code dans les templates "forumhome" et "header")
BiOMECHANiK
27/11/2006, 21h19
Merci Allan c'est bien fun comme modification :)
LtD
27/11/2006, 21h30
Merci à toi allan :) même si fin novembre il fait toujours 19° lol
Lo'
27/11/2006, 22h24
Sympatique cette modification, merci Allan :yahoo:
morpheus302
27/11/2006, 22h29
Merci tres tres sympa
Drilon
27/11/2006, 22h33
Merci Allan, j'ai installer facilment, enfin pour une fois :D
zebulon
28/11/2006, 02h37
merci impec ca marche très bien.

Question :

- comment faire varier la taille de flocons et la couleur. ?
OlijO
28/11/2006, 05h27
Merci Allan je pense bien l'installer ;)
Allan
28/11/2006, 06h32
Question :

- comment faire varier la taille de flocons et la couleur. ?
Ce n'est malheureusement pas prévu
rl0075
28/11/2006, 09h23
Excellent, effet super
Overdoz
28/11/2006, 10h07
Je connaissais déjà c'est utiliser pour pas mal de site, l'image est modifiable normalement pour y insérer dans le fichier javascript l'url d'une autre image ;)

Merci tout de meme du partage ;)
Mako
28/11/2006, 10h39
Ce n'est malheureusement pas prévu
Oui mais pour la taille si on regarde bien il y a deux tailles differentes,
un petit et un gros flocon donc heu ils doivent bien ce réglé à un endroit non ?
--------------
Overdoz, il n'y à pas d'image avec ce mod, le flocon est generer par le script ;)
lagrace
28/11/2006, 12h20
Merci pour ce script
Sofia
28/11/2006, 12h39
Merci Allan

Je vais testé ca ce soir ;)
UtOpiK
28/11/2006, 13h23
Idem :p je trouve ca vraiment sympa ;)
Bkdenice
28/11/2006, 17h54
xD merci en meme temps j'en cherche un pour mon site perso, donc sa m'arrange
Red
28/11/2006, 22h26
Merci bien mes visiteurs vont adorés ;)
Nba13
29/11/2006, 06h48
Merci Allan pour cette traduction. :)
memoli
29/11/2006, 07h12
merci beaucoup Allan!! et encore bravo a tous les equipesbyby
Tazz
29/11/2006, 13h03
merci ça fais trop bien
myryen
29/11/2006, 18h18
merci beaucoup, ca fait super plaisir de voir ca sur son fofo ;)
Mako
30/11/2006, 11h14
Deux petites choses:
1) Sur les petites configurations ce truc (ainsi que tous les autres du même genre)
fait monter la charge cpu des personnes sur votre site à pres de 100%
Solution -> ne le mettre que sur l'acceuil, cela limite déja l'effet de ramage
2) Vous voulez des images à la place des flocons ? (overdoz)
Solution -> allez sur le site de l'auteur du fichier js, télécharger la version avec image
et remplacer le fichier snow.js avec le nouveau
http://www.maxxblade.co.uk/

Je vais prendre cette version pour le forum online, alors merci Allan ;)
papic
01/12/2006, 14h36
salut
merci pour cet traduction Allan, cependant je n'arrive pas a le faire fonctionner avec ce hack "Prévisualisation Profil au Survol" installé sur mon forum :blush2:

il faut surement mettre le code script dans le css du hack ci-dessus mais je n'y arrive pas , si quelqu'un a une idée je suis preneur ;)

bonne journée
Oxidus
01/12/2006, 21h02
merci beaucoup
Allan
01/12/2006, 23h15
salut
merci pour cet traduction Allan, cependant je n'arrive pas a le faire fonctionner avec ce hack "Prévisualisation Profil au Survol" installé sur mon forum :blush2:

il faut surement mettre le code script dans le css du hack ci-dessus mais je n'y arrive pas , si quelqu'un a une idée je suis preneur ;)

bonne journée
Je comprend pas, tu veux dire qu'il y a un conflit avec ton hack existant ?
royofngc
02/12/2006, 10h02
sympa merci :) ça fera une bonne ambiance avec l'hiver qui approche
Christounet
04/12/2006, 13h31
merci c'est rigolo ;)
squallerequin
04/12/2006, 18h16
Personne n'a trouvé le moyen de les grossir, sinon il est superbe ce mod à part sous Opera :D
sony
04/12/2006, 22h08
merci je vais essayer ça ;)
Paulo
04/12/2006, 22h10
Merci, j'ai allégé le nombre de flocon et la vitesse sinon ça prend trop de ressource CPU
Paulo
05/12/2006, 08h19
Comment pourrait-on changer la couleur des flocons?
Allan
05/12/2006, 10h10
Comment pourrait-on changer la couleur des flocons?
Essaie en modifiant ceci:

background-color:#ffffff


Valeur en Orange
Paulo
05/12/2006, 14h27
Merci ça marche ;)
Canard.wc
06/12/2006, 16h45
Bonjour,

Superbe ce script.

Cependant, sur Opéra le nombre de flocons est multiplié par xxx:swoon1: mais sous firefox c'est nickel.

Dans quel fichier du template faut-il copier le code car j'ai uniquement copiés ceux ci dans overall header mais pour le second fichier je ne comprend pas bien.
Excusez mon ignorance

Merci à tous
sony
07/12/2006, 00h05
Dans quel fichier du template faut-il copier le code car j'ai uniquement copiés ceux ci dans overall header mais pour le second fichier je ne comprend pas bien.


il te faut juste insérer le code suivant l'endroit ou tu désire afficher les flocons

sur l'index du forum seul, tu ajoute le code dans le template "forumhome" juste après la première balise <head> elle se trouve au tout début du template, donc tu ajoute le code logiquement après

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>



si tu veux également afficher sur toutes les pages du forum, tu ajoute aussi le code dans le template "header" au tout début de celui-ci ;)
Canard.wc
07/12/2006, 20h47
Merci pour ces précisions :)

Je reviens à la charge puisque je constate que rien ne fonctionne sous IE 6 ou 7. Est ce normal ? Pas de flocons visibles.

Pour tester le script, il est installé ici (uniquement dans le header): www.naturebassin.com (http://www.naturebassin.com)
et là : http://www.naturebassin.com/forum/index.php

Merci du complément d'aide que vous pourrez m'apporter. byby
Allan
07/12/2006, 20h52
Je viens de tester, sous IE, il fonctionne, revoir l'install ..

tu a modifier quelques chose ?
Canard.wc
07/12/2006, 20h57
En fait mon forum est en phpBB c'est pas ça le souci ?
Canard.wc
07/12/2006, 21h05
Je viens de tester, sous IE, il fonctionne, revoir l'install ..

tu a modifier quelques chose ?

Non, je n'ai rien modifié. Bizarre tout de même.

Quand tu parles de revoir l'install, tu parles de IE. je suppose ?
sony
07/12/2006, 23h30
non Allan parle du hack, et chez moi également tout fonctionne nickel sous IE 7, c'est surement à cause que tu es en phpBB, attends la confirmation d'Allan, mais ça doit venir de ça
Allan
07/12/2006, 23h43
Oui, je n'ai pas testé sur PhpBB, mais le code étand différent, le fonctionnement du script peut être alterné.
Canard.wc
08/12/2006, 12h28
Ok, merci à tous les 2 pour cet éclairage :)
G@MER
08/12/2006, 20h24
Merci Allan pour ce script javacscript
e_x0
10/12/2006, 20h07
Merci beaucoup je vais le mettre en place de suite :)
Oxys
11/12/2006, 14h28
Merci :) Ca rend bien, encore plus sur un forum dont le ton général est foncé je pense (plus de contraste) :)
miki21
11/12/2006, 15h57
Bonjour

Merci pour ce hack :) :)

Peut-on grossir les flocon ???

Merci beaucoup ;)

@++
Mangoboiz
15/12/2006, 15h48
Merci bcp !!!
Hacketo
18/12/2006, 23h37
Pas mal la modif
Mangoboiz
22/12/2006, 09h01
Merci mais comment peut-on faire grossir les flocons ?
skcyber
27/12/2006, 10h11
coucou,

j'ai remarqué que sur certains PC tournant sus IE7, ça les fait rammer (IE prends +70% de CPU, qui du coup tourne a 100%)

alors que sous IE anterieurs, no pb...
stradfred
01/01/2007, 19h08
Un petit truc par contre, pourquoi mettre le script dans le template "header" ou et "forumhome" ?

Le template destiné au scripts/javascript n'est t'il pas "headinclude" ?

Car la je l'ai mis dans ce dernier et ca marche partout , sauf pour le portail est c'est aussi çà que je comprend pas car il fait aussi appel a "headinclude"dans son template principale.
0a$!s
04/01/2007, 22h38
Le vieu bug xD
Neutron90
18/06/2007, 19h39
Je l'ai mis sur mon fofo ca donne super bien merci a toi ;)
logan
25/06/2007, 00h24
En 2 mots : "Trop class"

Merci beaucoup Allan
tite question : "c'est possible de savoir quel niveau de cpu prennent les flocons pr fonctionner ?"

++
Ombre
25/06/2007, 06h31
slt :)

ctrl+alt+supp et tu regarde ça dans les processus au titre de ton navigateur ;)
Pr0pHeT
31/10/2007, 08h58
belle modif bravo
spider62
29/11/2007, 20h52
Merci ça va etre cool pour le 1er décembre ;-)
Popperwin
29/11/2007, 22h27
Après reboot de mon pc, j'ai plus de problème de cpu à 100% (1.800Ghz pour info^^)

Sinon je sais pas pk et comment, mais il y a une différence entre ie et ff

si je modifie les valeurs (augmentation du nombres et vitesse des flocons) sous ie pas de problème il y en a bien plus et plus vite mais sous ff rien ne change.

J'ai essayé de vider le cache,...etc pas de changement sous ff

une idée ?
getounet
30/11/2007, 00h13
Idem poperwin !!!!
Kaleu
30/11/2007, 12h17
Une cata selon des membres qui tournent sur IE7 ... et idem pour le problème des variables ... aucun effet sous FF :(
team76
03/12/2007, 22h27
merci impec , petite question ?possible de mettre une image de flocon a la plce d'un point?
stradfred
04/12/2007, 07h31
merci impec , petite question ?possible de mettre une image de flocon a la plce d'un point?

Non pas possible avec ce script a moins de savoir le modifier.

Pour avoir de la neige avec une image, voici un script a placer dans le header:

<script language="JavaScript1.2">
<!-- Script écrit par Altan. Visitez son site! -->
<!-- http://www.altan.hr/snow -->
<!-- Begin
var no = 15; // nombre de flocon
var speed = 9; // Vitesse ou tombe les flocons
var snowflake = "snow.gif"; // Nom de votre image

var ns4up = (document.layers) ? 1 : 0; // Version de netscape
var ie4up = (document.all) ? 1 : 0; // Version d' Internet Exploreur
var dx, xp, yp; // Coordonnées de positionnement
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // définition du coordonné
xp[i] = Math.random()*(doc_width-50); // définition de la position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // définition de l'amplitude
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // définition de l'animation pour Netscape
for (i = 0; i < no; ++ i) { // de même pour chaque point
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // Définition de l'animation pour Internet Exploreur
for (i = 0; i < no; ++ i) { // de même pour chaque point
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>



Bien mettre le chemin complet de l'image ou alors la placer a la racine du forum tel qu'il est là.
bogosdu06
04/12/2007, 15h55
Merci pour cet effet c'est très bien !
Billyboule
05/12/2007, 14h14
Après tout c'est Noel pour les forums aussi. :)

Merci pour ce hack Allan. ;)
rabou
06/12/2007, 23h51
GENIAL

Merci infiniment Allan byby
team76
07/12/2007, 10h30
merci pou ta réponse
Nba13
16/12/2007, 20h57
Est-ce possible d'agrandir les flocons ? svp
Helium
22/12/2007, 14h02
merci ! je l'ai installé pour les périodes de fête ;)
pheonix02
06/01/2008, 15h47
merci a toi fonctione nikel llol