Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilDernières imagesS'enregistrerConnexion
-29%
Le deal à ne pas rater :
PC portable – MEDION 15,6″ FHD Intel i7 – 16 Go / 512Go (CDAV : ...
499.99 € 699.99 €
Voir le deal

Partagez | 
 

 Faire tomber des images, flashs, flocons sur votre forum.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Zadig
► Gardienne du Paradis ◄
► Gardienne du Paradis ◄
Zadig


Nombre de messages : 2281
Age : 27
Ta Localisation : Toulouse city
Ce que tu fais dans la vie : j'écoute les white stripes, two door cinema club, hole, cage the elephant, all time low, the teenagers, the pretty reckless, the wombats, guerilla poubelle, trust, the afters, may has a gun, the kooks, the temper trap, the decemberists, the script, scissor sisters, boxon.. les bons petits groupes quoi!
Comment ça va ? : Envie de tout plaquer pour refaire ma vie avec un pingouin

Faire tomber des images, flashs, flocons sur votre forum. Vide
MessageSujet: Faire tomber des images, flashs, flocons sur votre forum.   Faire tomber des images, flashs, flocons sur votre forum. Empty08.12.10 0:03



Des flocons? Des flashs lumineux? Tu peux maintenant faire tomber tout ce que tu veux avec ce tuto ! ~BY Toto456 // Forumactif.com


1. Ouvrez votre bloc note (ou logiciel équivalent)


Copiez et collez-y ce script :



Code:

    // Indiquer l'URL de l'image du flocon :
    var urlflocon="ADRESSE DE L'IMAGE"
    // Ecrire le nombre de flocons :
    var nombreflocons = 10;
    // Indiquer si la neige doit disparaître après x secondes (0=jamais) :
    var cacherflocons = 0;
    // Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
    var voirflocons = "pageheight";

    /////////// FIN DE LA PARTIE CONFIGURATION //////////////////////////////////

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

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

    var dx, xp, yp; // Variables de coordonnées et de position
    var am, stx, sty; // Variables d'amplitude
    var i, doc_width = 1024, doc_height = 768; // Taille de l'écran

    if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) {
    doc_width = testIEcompatible().clientWidth;
    doc_height = testIEcompatible().clientHeight;
    }

    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();

    for (i = 0; i < nombreflocons; ++ i) {
    dx[i] = 0; // Variables de coordonnées
    xp[i] = Math.random()*(doc_width-50); // Variables de position
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20; // Variables d'amplitude
    stx[i] = 0.02 + Math.random()/10; // Variables de pas
    sty[i] = 0.7 + Math.random(); // Variables de pas
    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='"+urlflocon+"' border="0"><\/div>");
    } else {
    document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+urlflocon+"' border="0"><\/div>");
    }
    }
    }

    function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
    doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
    doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
    for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("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("neigeIE_NS6()", 10);
    }

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

    if (ie4up||ns6up){
    neigeIE_NS6();
    if (cacherflocons>0)
    setTimeout("cacherneige()", cacherflocons*1000)
    }



Avant d'enregistrer ce fichier :
> remplacer "ADRESSE DE L'IMAGE" par l'adresse de l'image (http://image.servimg.com/id.gif)
> var nombreflocons = 10; par le nombre de flocons souhaités
> var cacherflocons = 0; par le nombre de secondes après combien la pluie d'image s'arrête.
> var voirflocons = "pageheight"; Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)

2. Une fois que ces modifications sont faites, enregistrez ce fichier au format .JS


Soit vous l'enregistrez directement au format .JS
Soit vous l'enregistrez au format .TXT et le vous le renommez au format .JS
Attention à ne pas enregistrer le fichier au format .JS.TXT

3. Ensuite, rendez-vous sur ce site pour héberger votre fichier :
http://pmsc.free.fr/J02/upload.php

4. Une fois hébergé, récupérez l'URL de votre fichier.



5. Dans ce script :




Code:
<script src="http://URL DE VOTRE FICHIER.js"></script>



Remplacez http://URL DE VOTRE FICHIER.js par l'adresse de votre fichier, obtenu sur l'hébergeur.

6. L'étape finale est de placer ce script dans votre panneau d'administration.


Deux solutions :
- pour une pluie d'image sur l'index uniquement de votre forum, insérez ce script sur la page d'accueil.
> Panneau d'administration
> Affichage
> Page d'accueil - Généralités
> Si l'éditeur HTML est activé, cliquez sur
> Insérez votre script.

(Conseil : insérez le script, soit tout en haut, soit tout en bas de votre page d'accueil, afin de le retrouver rapidement quand vous voudrez le retirer Wink )

- deuxième solution, pour une pluie d'image sur la totalité de votre forum (sujets, forums, profils...), insérez ce script dans la description de votre forum :
> Panneau d'administration
> Général
> Forum - Configuration
> Description du site

Et voilà !

Faire
Revenir en haut Aller en bas
http://zadiglike.tumblr.com/
Epic.
► Gardienne du Paradis ◄
► Gardienne du Paradis ◄
Epic.


Nombre de messages : 8178
Age : 30
Ta Localisation : Paris :D
Ce que tu fais dans la vie : Lycéenne, rugby, graphisme, ciné, sorties entre copines ...
Comment ça va ? : Bien=)

Faire tomber des images, flashs, flocons sur votre forum. Vide
MessageSujet: Re: Faire tomber des images, flashs, flocons sur votre forum.   Faire tomber des images, flashs, flocons sur votre forum. Empty08.12.10 12:57

Merchi :D
Revenir en haut Aller en bas
https://heaven-graphic.1fr1.net
 

Faire tomber des images, flashs, flocons sur votre forum.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: 
« Le paradis des tutoriels! »
 :: « HTLM/CSS.
-