PDA

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



Allan
27/11/2006, 22h13
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, 22h19
Merci Allan c'est bien fun comme modification :)

LtD
27/11/2006, 22h30
Merci à toi allan :) même si fin novembre il fait toujours 19° lol

Lo'
27/11/2006, 23h24
Sympatique cette modification, merci Allan :yahoo:

morpheus302
27/11/2006, 23h29
Merci tres tres sympa

Drilon
27/11/2006, 23h33
Merci Allan, j'ai installer facilment, enfin pour une fois :D

zebulon
28/11/2006, 03h37
merci impec ca marche très bien.

Question :

- comment faire varier la taille de flocons et la couleur. ?

OlijO
28/11/2006, 06h27
Merci Allan je pense bien l'installer ;)

Allan
28/11/2006, 07h32
Question :

- comment faire varier la taille de flocons et la couleur. ?
Ce n'est malheureusement pas prévu

rl0075
28/11/2006, 10h23
Excellent, effet super

Overdoz
28/11/2006, 11h07
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, 11h39
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, 13h20
Merci pour ce script

Sofia
28/11/2006, 13h39
Merci Allan

Je vais testé ca ce soir ;)

UtOpiK
28/11/2006, 14h23
Idem :p je trouve ca vraiment sympa ;)

Bkdenice
28/11/2006, 18h54
xD merci en meme temps j'en cherche un pour mon site perso, donc sa m'arrange

Red
28/11/2006, 23h26
Merci bien mes visiteurs vont adorés ;)

Nba13
29/11/2006, 07h48
Merci Allan pour cette traduction. :)

memoli
29/11/2006, 08h12
merci beaucoup Allan!! et encore bravo a tous les equipesbyby

Tazz
29/11/2006, 14h03
merci ça fais trop bien

myryen
29/11/2006, 19h18
merci beaucoup, ca fait super plaisir de voir ca sur son fofo ;)

Mako
30/11/2006, 12h14
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, 15h36
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, 22h02
merci beaucoup

Allan
02/12/2006, 00h15
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, 11h02
sympa merci :) ça fera une bonne ambiance avec l'hiver qui approche

Christounet
04/12/2006, 14h31
merci c'est rigolo ;)

squallerequin
04/12/2006, 19h16
Personne n'a trouvé le moyen de les grossir, sinon il est superbe ce mod à part sous Opera :D

sony
04/12/2006, 23h08
merci je vais essayer ça ;)

Paulo
04/12/2006, 23h10
Merci, j'ai allégé le nombre de flocon et la vitesse sinon ça prend trop de ressource CPU

Paulo
05/12/2006, 09h19
Comment pourrait-on changer la couleur des flocons?

Allan
05/12/2006, 11h10
Comment pourrait-on changer la couleur des flocons?
Essaie en modifiant ceci:


background-color:#ffffff


Valeur en Orange

Paulo
05/12/2006, 15h27
Merci ça marche ;)

Canard.wc
06/12/2006, 17h45
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, 01h05
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, 21h47
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, 21h52
Je viens de tester, sous IE, il fonctionne, revoir l'install ..

tu a modifier quelques chose ?

Canard.wc
07/12/2006, 21h57
En fait mon forum est en phpBB c'est pas ça le souci ?

Canard.wc
07/12/2006, 22h05
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
08/12/2006, 00h30
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
08/12/2006, 00h43
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, 13h28
Ok, merci à tous les 2 pour cet éclairage :)

G@MER
08/12/2006, 21h24
Merci Allan pour ce script javacscript

e_x0
10/12/2006, 21h07
Merci beaucoup je vais le mettre en place de suite :)

Oxys
11/12/2006, 15h28
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, 16h57
Bonjour

Merci pour ce hack :) :)

Peut-on grossir les flocon ???

Merci beaucoup ;)

@++

Mangoboiz
15/12/2006, 16h48
Merci bcp !!!

Hacketo
19/12/2006, 00h37
Pas mal la modif

Mangoboiz
22/12/2006, 10h01
Merci mais comment peut-on faire grossir les flocons ?

skcyber
27/12/2006, 11h11
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, 20h08
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.

Raphaël
04/01/2007, 23h38
Le vieu bug xD

Neutron90
18/06/2007, 20h39
Je l'ai mis sur mon fofo ca donne super bien merci a toi ;)

logan
25/06/2007, 01h24
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, 07h31
slt :)

ctrl+alt+supp et tu regarde ça dans les processus au titre de ton navigateur ;)

Pr0pHeT
31/10/2007, 09h58
belle modif bravo

spider62
29/11/2007, 21h52
Merci ça va etre cool pour le 1er décembre ;-)

Popperwin
29/11/2007, 23h27
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, 01h13
Idem poperwin !!!!

Kaleu
30/11/2007, 13h17
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, 23h27
merci impec , petite question ?possible de mettre une image de flocon a la plce d'un point?

stradfred
04/12/2007, 08h31
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, 16h55
Merci pour cet effet c'est très bien !

Billyboule
05/12/2007, 15h14
Après tout c'est Noel pour les forums aussi. :)

Merci pour ce hack Allan. ;)

rabou
07/12/2007, 00h51
GENIAL

Merci infiniment Allan byby

team76
07/12/2007, 11h30
merci pou ta réponse

Nba13
16/12/2007, 21h57
Est-ce possible d'agrandir les flocons ? svp

Helium
22/12/2007, 15h02
merci ! je l'ai installé pour les périodes de fête ;)

pheonix02
06/01/2008, 16h47
merci a toi fonctione nikel llol

chrisnad
17/11/2008, 23h05
merci bocoup pour ce noel

danny
18/11/2008, 10h39
merci à toi impeccable

Freddy.k
18/11/2008, 13h30
Merci allan tester sur le 3.7.4 implacable avec le style Christmas Spirit voir Démo juste sur la page index (http://tuto-logiciel-info.com/index.php?styleid=25)

satan
08/12/2008, 11h57
peut-on augmenter la tailles des flocons ?

Ombre
08/12/2008, 18h14
Bonsoir,

Non désolé, c'est du js, et je ne connais pas :( par contre il existe d'autres script java qui utilisent des images, donc plus facilement personnalisable :)

sonia
03/01/2009, 21h02
Salut à tous

Merci pour ce Hack , le souci que je rencontre c"est que je ne sais plus le désinstaller et je ne le retrouve plus :D , un petit coup de main serait le bienvenue , merci à vous tous.



Bizz

Ombre
03/01/2009, 21h51
Bonsoir, regarde l'installation plus haut dans le début du topic et fait la même chose en sens inverse :)

sonia
04/01/2009, 08h18
merci à toi je vais essayer de pas tout casser


bizz