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

Auteur du sujet
janine
Messages : 51
Enregistré le : août 2011

neige qui tombe (script)

Message par janine » jeu. 1 déc. 2011 14:05

Bonjour,
Noël approche... Du coup, on souhaiterait "customiser" pour cette occasion notre forum. :clin:
Je trouve que de la neige qui tombe en parcimonie est assez jolie. J'ai donc cherché sur le net et à priori il faut mettre un script dans le overall-header hmmmm
J'en ai trouvé (notamment sur ici http://forums.phpbb-fr.com/modification ... 69010.html
Mais j'ai fait ce qui est mis (collé ce qui est mis dans le overall) mais rien ne se passe ! :chialance:

Est-ce que qqlequ'un sait comment il faut faire pour avoir de la neige un peu comme ici : http://www.dynamicdrive.com/dynamicindex3/snow.htm

Merci d'avance :heyhey:
Message édité par Steph - Raison : corrcetion du titre
Janin(e) (Anagramme de Ninja)

Avatar du membre

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

Re: neige qui tombe (script)

Message par Steph » jeu. 1 déc. 2011 14:06

Salut,

As-tu pensé a rafraichir les templates ?

Avatar du membre

Auteur du sujet
janine
Messages : 51
Enregistré le : août 2011

Re: neige qui tombe (script)

Message par janine » jeu. 1 déc. 2011 16:17

Oui, j'ai rafraichi après avoir collé ça :
<!-- Start Snow-->
<script type="text/javascript" src="http://images.topflood.com/neige-perso.php"></script>
<!-- End Snow-->

comme indiqué ici : http://forums.phpbb-fr.com/modification ... 56330.html


et rien ne se passe hmmmm
Janin(e) (Anagramme de Ninja)

Avatar du membre

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

Re: neige qui tombe (script)

Message par Steph » jeu. 1 déc. 2011 16:58

Normal le lien n'existe plus.

Je te suggère ceci ---> http://www.dynamicdrive.com/dynamicindex3/snow.htm


ancien Ninja

Re: neige qui tombe (script)

Message par ancien Ninja » sam. 3 déc. 2011 15:07

J'ai de mon côté aussi essayé tous les scripts cités mais rien n'y fait.

J'ai ce matin essayé celui là: http://forums.phpbb-fr.com/modification ... l#p1296772

Téléchargé le zip
mis l'image snow.png dans les images du thème du style (IceBlue)
ajouté le fichier snow.js dans le dossier template du style (IceBlue)
modifié comme expliqué le overall_header du template du style (IceBlue)

Vidé le cache, rafraichit les templates du style (IceBlue)

Mais ça n'a pas affiché la chute des flocons :suspect: :triste2:

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 » sam. 3 déc. 2011 16:07

janine a écrit : Oui, j'ai rafraichi après avoir collé ça :
<!-- Start Snow-->
<script type="text/javascript" src="http://images.topflood.com/neige-perso.php"></script>
<!-- End Snow-->

comme indiqué ici : http://forums.phpbb-fr.com/modification ... 56330.html


et rien ne se passe hmmmm
salut

va voir directement http://images.topflood.com/neige-perso.php

je vais essayer de trouver quelques autres liens
ninja a écrit : J'ai de mon côté aussi essayé tous les scripts cités mais rien n'y fait.

J'ai ce matin essayé celui là: http://forums.phpbb-fr.com/modification ... l#p1296772

Téléchargé le zip
mis l'image snow.png dans les images du thème du style (IceBlue)
ajouté le fichier snow.js dans le dossier template du style (IceBlue)
modifié comme expliqué le overall_header du template du style (IceBlue)

Vidé le cache, rafraichit les templates du style (IceBlue)

Mais ça n'a pas affiché la chute des flocons :suspect: :triste2:
je ne vois pas de "snow" ds le code source

Avatar du membre

Steph
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 11080
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 16:15

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é

_____________________________________________________________________________

Sinon un second code qui utilise une image

Ouvrir : overall_header.html

Chercher :

Code : Tout sélectionner

<body>
Ajouter après :

Code : Tout sélectionner

<script language="JavaScript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
******************************************/
  

  //Configure below to change URL path to the snow image
  var snowsrc="http://www.espacejavascript.com/images/script/snow.gif"
  // Configure below to change number of snow to render
  var no = 10;

  var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

  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 (ns4up||ns6up) {
    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;                        // 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 (ns4up) {                      // set layers
      if (i == 0) {
        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
      } else {
        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
      }
    } else if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/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 snowNS() {  // Netscape main animation function
    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();
        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()", 10);
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    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();
        doc_width = ns6up?window.innerWidth : document.body.clientWidth;
        doc_height = ns6up?window.innerHeight : document.body.clientHeight;
      }
      dx[i] += stx[i];
      if (ie4up){
      document.all["dot"+i].style.pixelTop = yp[i];
      document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
      }
      else if (ns6up){
      document.getElementById("dot"+i).style.top=yp[i];
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
      }   
    }
    setTimeout("snowIE_NS6()", 10);
  }

  if (ns4up) {
    snowNS();
  } else if (ie4up||ns6up) {
    snowIE_NS6();
  }

</script>
Faut juste modifier le lien de ce bout de code pour celui de ton image

Code : Tout sélectionner

var snowsrc="http://www.espacejavascript.com/images/script/snow.gif"
Il est aussi fonctionnel j'ai testé

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 » sam. 3 déc. 2011 20:30

perso j'aime bien celui-ci http://www.schillmania.com/projects/sno ... ample.html (neige qui s’accumule en bas de l'écran)


ancien Ninja

Re: neige qui tombe (script)

Message par ancien Ninja » sam. 3 déc. 2011 20:36

Merci :grataillou:

J'ai essayé le premier code aucun résultat :stupid:

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 :?:

:stupid:

Désolé de vous solliciter, c'est pas grave si ça ne marche pas, car j'ai mis des flocons en background

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 » sam. 3 déc. 2011 20:41

pour info celui qui n'existe plus etait comme ca :

Code : Tout sélectionner

<!-- Start Snow-->
<script language="javascript">
var snowmax=35;
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD");
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");
var snowletter="*";
var sinkspeed=0.8;
var snowmaxsize=30;
var snowminsize=10;
var snowingzone=1;
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(a){rand=Math.floor(a*Math.random());
return rand}function iecompattest(){
return(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body}
function initsnow(){
if(ie5||opera){marginbottom=iecompattest().clientHeight;marginright=iecompattest().clientWidth}
else{if(ns6){marginbottom=self.innerHeight;marginright=self.innerWidth}}  
var a=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(a)+snowminsize;snow[i].style.fontSize=snow[i].size+"px";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+"px";snow[i].style.top=snow[i].posy+"px"}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])+"px";snow[i].style.top=snow[i].posy+"px";
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 a=setTimeout("movesnow()",50)}
function hidesnow(){
if(window.timer){clearTimeout(timer)}
for(i=0;i<=snowmax;i++){document.getElementById("s"+i).style.visibility="hidden"}}
for(i=0;i<=snowmax;i++){document.write('<div id="s'+i+'" style="POSITION: absolute; Z-INDEX: 9'+i+"; VISIBILITY: visible; TOP:-"+snowmaxsize+'px; LEFT: 15px;">'+snowletter+"</div>")}
if(browserok){initsnow()}
else{document.write('Votre navigateur ne supporte pas ce Javascript, <a href="http://forum.topflood.com">Top Flood</a>')};
</script>
<noscript></noscript>
 <!-- End Snow-->
exemple http://sd-1.archive-host.com/membres/up ... veau1.html

Verrouillé

Retourner vers « Support Styles phpBB3 »