La date/heure actuelle est Ven 25 Mai 2018 - 20:42 - créer un forum

Pluie d'images dans les templates

Aller au contenu

Poster un nouveau sujet Répondre au sujet

Pluie d'images dans les templates
Auteur Message
Isa
Membre


Hors ligne
Membre

Inscrit le: 14 Fév 2017
Messages: 94
Point(s): 97
Moyenne: 1,03
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Ven 27 Avr 2018 - 13:49    Sujet du message: Pluie d'images dans les templates Répondre en citant

PublicitéSupprimer les publicités ?
Bonjour,

Il y a pas mal de temps il y avait un tuto avec les script pour glisser des pluies d'images dans les templates
Je suis incapable de retrouver ce tuto, j'ai beau chercher partout sur ce forum, je ne le retrouve pas
Quelqu'un aurait il l'amabilité soit de me mettre le lien de ce tuto soit de me mettre les script à disposition sur ce post
En effet, les scripts que j'ai dans mon template Viewforum body ne fonctionnent plus
Je n'arrive plus à faire tomber de pluie d'images ...

Merci de vos réponses
Isa


Forum
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 750
Point(s): 769
Moyenne: 1,03
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Ven 27 Avr 2018 - 15:45    Sujet du message: Pluie d'images dans les templates Répondre en citant

Bonjour Isa,

Le tuto a disparu, il n'existe plus.

Peux-tu copier/coller ton template viewforum_body ici qu'on essaie de comprendre ce qui coince ?


Forum
Auteur Message
Isa
Membre


Hors ligne
Membre

Inscrit le: 14 Fév 2017
Messages: 94
Point(s): 97
Moyenne: 1,03
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Ven 27 Avr 2018 - 16:00    Sujet du message: Pluie d'images dans les templates Répondre en citant

Bonjour Amsterdam

Voici le script en question pour la pluie d'images

Code: Sélectionner - Agrandir
 <!-- IF FORUM_ID == "28" -->

<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript
 
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
 
(function(){
 
//Configure here.
 
var num = 20;   //Nombre d'images
var timer = 30; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();

url_gif[0]= "http://i20.servimg.com/u/f20/11/20/46/34/coeur114.png"; 
url_gif[1]= "http://i20.servimg.com/u/f20/11/20/46/34/coeur214.png";
url_gif[2]= "http://i20.servimg.com/u/f20/11/20/46/34/coeur315.png";


 
nb_floc = 3; // Nombre de d'images différentes
 
//End.
 
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
 
if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
 
for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);
 
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
 
 
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
 
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
 
 
if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}
 
 
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView && 
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.80;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.80;
 }
h = rh - 2;   
w = rw - 2; 
}
else{
h = r.clientHeight - 2; 
w = r.clientWidth*0.80; 
}
}
 
 
function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}
 
 
function snow(){
var dy,dx;
 
for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);
 
 y[i]+=dy;
 x[i]+=dx; 
 
 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;
 
 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
 
 
function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}
 
 
if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
}   
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);

 
})();
}//End.</script> 


<!-- ENDIF -->



En fait même avec le VPN je n'arrive pas à le faire fonctionner
PappySerge m'a mis à disposition ce script


Code: Sélectionner - Agrandir
 <!-- Start  -->

    <script type="text/javascript">

      //Configure below to change URL path to the snow image
      var snowsrc="http://img.xooimage.com/files110/a/2/b/cloche24-545ec8f.png"
      // Configure below to change number of snow to render
      var no = 10;
      // 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>

    <!-- End Code -->



Le truc c'est que je cherche à ce que la pluie d'images ne tombe que sur 1 rubrique et pas toutes
Donc dans le template Viewforum body et ensuite il doit manquer les balises pour indiquer le numéro de la rubrique
Comme dans le 1er script

Merci d'avance pour les réponses
Isa


Forum
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 750
Point(s): 769
Moyenne: 1,03
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Ven 27 Avr 2018 - 16:05    Sujet du message: Pluie d'images dans les templates Répondre en citant

Si je veux pouvoir comprendre, vu que je ne suis pas très doué en codage, j'ai besoin de tout ton template, pas juste un petit bout ... Wink

Petite question : à quoi correspond ce n°28 ? Comment l'as-tu trouvé ??


Forum
Auteur Message
pappyserge
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2014
Messages: 296
Niveau:
Point(s): 301
Moyenne: 1,02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Sagittaire (22nov-21déc)

MessagePosté le: Ven 27 Avr 2018 - 17:01    Sujet du message: Pluie d'images dans les templates Répondre en citant

Bonjour Amsterdam
Tu vas comprendre rapidement.
Le srcipt dans overall header, la pluie d'images tombe sur toute les pages.
Le script dans wiewforum body avec
<!-- IF FORUM_ID == "1" -->
et en fin de script ceci
<!-- ENDIF -->
Le N°1 cela indique que la pluie tombe uniquement sur la page 1 et non sur les autres pages.
EX: dans ton forum la pluie d'images tombera uniquement sur =Tout ce qu'il faut savoir avant d'utiliser le forum
Si tu mets le chiffre 5 la pluie tombera uniquement sur la page= Présentation du Staff Autopassion
pappyserge
_______________________
http://www.depanntout.com/portal.php


Forum
Auteur Message
Isa
Membre


Hors ligne
Membre

Inscrit le: 14 Fév 2017
Messages: 94
Point(s): 97
Moyenne: 1,03
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Ven 27 Avr 2018 - 17:17    Sujet du message: Pluie d'images dans les templates Répondre en citant

Désolée je me suis absentée, je vois seulement ton message Amsterdam
Mais merci à PappySerge d'avoir résumé le tout Smile
PappySerge m'a aidé sur un autre post, il est donc au courant de ce qui se passe dans ce template
Et effectivement le n° 28, c'est la page (personnellement j'appelle cela une rubrique ) où tombe cette pluie d'images

Merci d'avance à vous de vos réponses
Isa


Forum
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 750
Point(s): 769
Moyenne: 1,03
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Ven 27 Avr 2018 - 17:53    Sujet du message: Pluie d'images dans les templates Répondre en citant

Merci pappyserge pour les explications Okay

Je peux affirmer que le code fonctionne bien et pour preuve : https://passiontest.forumforever.com/f1-forum-test-autopassion.htm

Voilà ce que j'ai ajouté au template viewforum_body
Code: Sélectionner - Agrandir
<!-- IF FORUM_ID == "1" -->
    <!-- Start  -->
    <script type="text/javascript">

      //Configure below to change URL path to the snow image
      var snowsrc="http://img.xooimage.com/files110/a/2/b/cloche24-545ec8f.png"
      // Configure below to change number of snow to render
      var no = 60;
      // 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>
    <!-- End Code -->
<!-- ENDIF -->


Le souci est donc ailleurs, le tout est de trouver le nœud du problème Smile


Forum
Auteur Message
pappyserge
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2014
Messages: 296
Niveau:
Point(s): 301
Moyenne: 1,02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Sagittaire (22nov-21déc)

MessagePosté le: Ven 27 Avr 2018 - 17:55    Sujet du message: Pluie d'images dans les templates Répondre en citant

Isa
Essayé de changer le N° 28
Dans le template wiewforum body
J'ai essayé ton script sur mon forum avec le N°1 à la place de 28, j'ai bien la pluie de petits cœurs rouges, et non sur les autres pages.
J'ai mis le N°3 et tout est OK, la pluie correspond à la page 3 et rien sur les autres pages.
pappyserge
_______________________
http://www.depanntout.com/portal.php


Forum
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 750
Point(s): 769
Moyenne: 1,03
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Ven 27 Avr 2018 - 18:01    Sujet du message: Pluie d'images dans les templates Répondre en citant

@pappyserge : le script est donc bon, le problème se situe soit dans le n° (le 28 ne correspondrait plus à une rubrique ?!) soit Isa ne voit pas les changements à cause de son IP, ils n'apparaîtront que dans quelques temps

Dernière édition par Amsterdam le Ven 27 Avr 2018 - 18:27; édité 1 fois
Forum
Auteur Message
Isa
Membre


Hors ligne
Membre

Inscrit le: 14 Fév 2017
Messages: 94
Point(s): 97
Moyenne: 1,03
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

MessagePosté le: Ven 27 Avr 2018 - 18:24    Sujet du message: Pluie d'images dans les templates Répondre en citant

Je vous remercie tout plein tous les 2
Je viens de tester ...
Avec VPN et en téléchargeant les images avec xooit
En changeant ou non le numéro de la page
et j'ai ERREUR DE SYNTAXE

Donc ayant passé quasi toute ma journée sur cette histoire, je vais m'en arrêter là
Parce que je n'avance à rien
J'ai vu effectivement les clochettes sur ton forum Amsterdam
Sauf que sur le mien, y a rien à faire .... ça passe pas

Je reviendrai là dessus dans les jours à venir
Pour l'heure je vais faire un break et tant pis pour les clochettes de muguet

Merci encore à vous 2 pour votre aide
Isa


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 20:42    Sujet du message: Pluie d'images dans les templates

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 1




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401