neige qui tombe (script)

Image Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Verrouillé
     
Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10953
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: neige qui tombe (script)

Message par Steph » sam. 3 déc. 2011 21:37

ninja a écrit : J'ai essayé le premier code aucun résultat :stupid:
Pourtant il fonctionne je l'ai tester sur mon forum hmmmm
zach a écrit : pour info celui qui n'existe plus etait comme ca :
Ben c'est exactement le code que j'ai trouvé et qui ne donne pas de résultat chez ninja :cool:
ninja a écrit : Pour le second je n'ai pas compris ce que tu voulais dire:
Faut juste modifier le lien de ce bout de code pour celui de ton image
Que faut il que je modifie :?:

Code : Tout sélectionner

var snowsrc="http://www.espacejavascript.com/images/script/snow.gif"
L'adresse d'hébergement de mon image :?: si je la met sur mon FTP je la met où :?:
ou simplement le nom de mon flocon :?:
Il faut modifier http://www.espacejavascript.com/images/script/snow.gif par l'url de ton image peu importe ou elle se trouve (sur ton ftp, EDW, ailleurs....)

Sinon zach j'aime bien aussi celui de ton lien :clin:

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: neige qui tombe (script)

Message par zach » dim. 4 déc. 2011 01:16

en fait c'est pas vraiment le même je crois bien

celui de dynamicdrive : http://www.dynamicdrive.com/dynamicindex3/snow.htm

celui de topflood : http://sd-1.archive-host.com/membres/up ... veau1.html
(le code que j'ai collé qui n'existait plus sur le lien mais je l'avais gardé ds mes archives)

l'autre : http://www.schillmania.com/projects/sno ... ample.html


Joh10
Messages : 2
Enregistré le : décembre 2011

Re: neige qui tombe (script)

Message par Joh10 » dim. 18 déc. 2011 11:21

Steph a écrit : Salut,

Essai ceci:

Ouvrir : overall_header.html

Chercher :

Code : Tout sélectionner

</head>
Ajouter avant :

Code : Tout sélectionner

<script language="JavaScript">
// Placez le nombre de flocons de neige (plus de 30 - 40 non recommandés)
var snowmax=20
// Placez les couleurs pour la neige. Ajoutez autant de couleurs comme vous voudrez
var snowcolor=new Array("#000","#FF0","#0FF","#CCC")
// Placez les polices, celle créent les flocons de neige. Ajoutez autant de polices comme vous voudrez
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// Placez la lettre qui crée votre flocon de neige (recommandé: *)
var snowletter="*"
// Placez la vitesse de la descente (gamme recommandée de valeurs de 0.3 à 2)
var sinkspeed=0.5
// Placez la maximal-taille de vos snowflaxes
var snowmaxsize=50
// Placez la minimal-taille de vos snowflaxes
var snowminsize=20
// Placez la neiger-zone
// Placez 1 pour tout-au-dessus-neiger, placez 2 pour la gauche-côté-chute de neige
// L'ensemble 3 pour centre-neiger, a placé 4 pour la droit-côté-chute de neige
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// LA CONFIGURATION FINIT ICI
///////////////////////////////////////////////////////////////////////////
// N'éditez pas au-dessous de cette ligne
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
Paramètre les option en haut du script et rafraichi les templates cela fonctionne j'ai testé

_____________________________________________________________________________


Testé pour les 2 avec Firefox, Chrome, Opera et safari en dernière version + IE8
Bonjour,

je me permet de remonter ce sujet car j'ai testé la méthode ci dessus.
Celle ci fonctionne sur IE mais pas sur Firefox.
Sauriez vous pourquoi?

Merci par avance :respect:

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 10953
Enregistré le : avril 2010
Hébergeur(s) : monarobase
Localisation : Alsace (67)
Contact :

Re: neige qui tombe (script)

Message par Steph » dim. 18 déc. 2011 20:11

Salut,

Tu as quelle version de firefox ?

Comme je l'ai dit je l'ai testé avec tous les navigateurs que j'ai sur mon PC et c'est fonctionnel
Steph a écrit : Testé pour les 2 avec Firefox, Chrome, Opera et safari en dernière version + IE8

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: neige qui tombe (script)

Message par zach » dim. 18 déc. 2011 20:20



Joh10
Messages : 2
Enregistré le : décembre 2011

Re: neige qui tombe (script)

Message par Joh10 » mar. 1 mai 2012 09:07

j'ai réussi a mettre celui de Dakin Quelia de phpbb-fr et il fonctionne bien.
Merci quand même pour votre aide et excusez moi pour le dérangement. :clin:


ancien Ninja

Re: neige qui tombe (script)

Message par ancien Ninja » ven. 26 oct. 2012 11:54

Ca y est je suis enfin arrivé à afficher sur l'index de mon forum (style IceBlue cloné en IceBlue_Christmas) un script de flocons qui tombent

en utilisant ce tuto: http://www.dynamicdrive.com/dynamicindex3/snow.htm

J'ai téléchargé cette image: Image et je l'ai collé à la racine du forum

www/forum/snow.gif

puis Dans:

www/forum/styles/IceBlue_Christmas/template/index_body.html

APRÈS

Code : Tout sélectionner

<!-- INCLUDE overall_header.html -->
COLLER

Code : Tout sélectionner

<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
  
  //Configure below to change URL path to the snow image
  var snowsrc="snow.gif"
  // Configure below to change number of snow to render
  var no = 20;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

	function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600; 
  
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) {  
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
		if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
		doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      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();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

	function hidesnow(){
		if (window.snowtimer) clearTimeout(snowtimer)
		for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
	}
		

if (ie4up||ns6up){
    snowIE_NS6();
		if (hidesnowtime>0)
		setTimeout("hidesnow()", hidesnowtime*1000)
		}

</script>
En fait je collais l'image dans www/forum/styles/mon style/theme/images/snow.gif et j'avais une croix rouge à la place du flocon :fii:
De plus lorsque je collais le script sur Header ça ne marchait pas :?: alors que sur le Body ça marche... :shutt:

Voilà si ça peut servir à d'autres :vivepa:

Avatar du membre

fpoli75
Messages : 1123
Enregistré le : février 2012
Hébergeur(s) : Monarobase (et heureux!)
Localisation : IDF

Re: neige qui tombe (script)

Message par fpoli75 » jeu. 1 nov. 2012 12:51

Je me permet de relancé un peu ce sujet.
J'ai remarqué que la neige tombe tres bien avec le script de Zach, mais uniquement sur la page active.
C'est que l'on descend l'ascenseur pour aller voir le bas du forum, il n'y a plus de neige.
Ou est le reglage pour que le neuge tombe vraiment du haut de la page vers le bout du forum?
merci!

Avatar du membre

fpoli75
Messages : 1123
Enregistré le : février 2012
Hébergeur(s) : Monarobase (et heureux!)
Localisation : IDF

Re: neige qui tombe (script)

Message par fpoli75 » ven. 2 nov. 2012 12:18

J'ai remplacé POSITION: absolute par POSITION: fixed
Et la neige tombe vraiment du haut vers le bas du forum (et non de la page)


ancien Ninja

Re: neige qui tombe (script)

Message par ancien Ninja » ven. 2 nov. 2012 12:38

Bonjour tous, bonjour fpoli75 :clin:

Effectivement, pour moi ça marchait sans pbl sous IE mais pas avec FF, ça s'arrêtait au header

Avec ta modif ça marche aussi avec FF les flocons decendent jusqu'en bas :n°1:

Merci :vivepa:

Verrouillé

Retourner vers « Support Styles phpBB3 »