• SCRIPT Objet qui tombe

    SCRIPT Objet qui tombe

    1/3 Créer un module simple

    2/3 Dans le code HTML Copier le SCRIPT suivant en ayant pris la peine de mettre le fichier Gif, pgn ou jpeg

    Source blog : http://bleulezard.eklablog.com; http://faireunblog.over-blog.com:

    http://www.icone-gif.com/

    blog peter http://peters1.dk/tools/snow.php?l=fr

    Abeilles : http://ekladata.com/LqD8-O7higdFShXkc0l0VuN2Vzw.gif

    Cloches : http://ekladata.com/dJ3dl6fdybCJpjzNRz-f1PtmTLw/paques-cloches002.gif

    Coeur : http://ekladata.com/hsT3k1zMywKg08ti3UciqMr8AmQ.gif

    Coeur qui vole : http://ekladata.com/FlmO3qD8_FfOgLgsLDUIb0QMPTY.gif

    Heure changement MARS dernier WE : http://ekladata.com/4V0iCbiTgGLLfC_hkYKoLN5t7IM/heure-pour-blog.gif

    Etoiles : http://ekladata.com/nll5OPn1zOumScSL-T5GpvJCtfo/etoile.png

    Gros flocons : http://ekladata.com/OPgvsIdObLJ1TInnCXUN6KYWHVY/flocon.gif

    Oeufs de Pâques : http://ekladata.com/bCBclc3dmHHvIrcWH1L4cLIkKso.gif

    muguet : http://ekladata.com/kPktmWsRsasZ6dqDwpUBA-5yl8E/muguet001-Copier-Copier.gif

    poisson : http://ekladata.com/xgb4hjUduofzLOOajzEiDmzK_Ps.gif

    sorcières : http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/halloween10.gif

     

    Copier à partir d'ici :

     

    <p>
    <script type="text/javascript">// <![CDATA[
    /////////////////////////////////////////////////////////
    // Javascript made by http://peters1.dk/tools/snow.php //
    /////////////////////////////////////////////////////////


    // N´OUBLIEZ PAS: De changez le chemin vers  l´image snow.png
    snow_img ="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif";


    // BONUS: Vous pouvez facilement regler le nombre de flocons que vous voulez sur chaque page...
    snow_no = 25;

    if (typeof(window.pageYOffset) == "number")
    {
        snow_browser_width = window.innerWidth;
        snow_browser_height = window.innerHeight;
    }
    else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
    {
        snow_browser_width = document.body.offsetWidth;
        snow_browser_height = document.body.offsetHeight;
    }
    else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
    {
        snow_browser_width = document.documentElement.offsetWidth;
        snow_browser_height = document.documentElement.offsetHeight;
    }
    else
    {
        snow_browser_width = 500;
        snow_browser_height = 500;    
    }

    snow_dx = [];
    snow_xp = [];
    snow_yp = [];
    snow_am = [];
    snow_stx = [];
    snow_sty = [];

    for (i = 0; i < snow_no; i++)
    {
        snow_dx[i] = 0;
        snow_xp[i] = Math.random()*(snow_browser_width-50);
        snow_yp[i] = Math.random()*snow_browser_height;
        snow_am[i] = Math.random()*20;
        snow_stx[i] = 0.02 + Math.random()/10;
        snow_sty[i] = 0.7 + Math.random();
        if (i > 0) document.write("<\div id=\"snow_flake"+ i +"\" style=\"position:absolute;z-index:"+i+"\"><\img src=\""+snow_img+"\" border=\"0\"><\/div>"); else document.write("<\div id=\"snow_flake0\" style=\"position:absolute;z-index:0\"><a href=\"http://peters1.dk/tools/snow.php\" target=\"_blank\"><\img src=\""+snow_img+"\" border=\"0\"></a><\/div>");
    }

    function SnowStart()
    {
        for (i = 0; i < snow_no; i++)
        {
            snow_yp[i] += snow_sty[i];
            if (snow_yp[i] > snow_browser_height-50)
            {
                snow_xp[i] = Math.random()*(snow_browser_width-snow_am[i]-30);
                snow_yp[i] = 0;
                snow_stx[i] = 0.02 + Math.random()/10;
                snow_sty[i] = 0.7 + Math.random();
            }
            snow_dx[i] += snow_stx[i];
            document.getElementById("snow_flake"+i).style.top=snow_yp[i]+"px";
            document.getElementById("snow_flake"+i).style.left=snow_xp[i] + snow_am[i]*Math.sin(snow_dx[i])+"px";
        }
        snow_time = setTimeout("SnowStart()", 20);
    }
    SnowStart();
    // ]]></script>
    </p>

    3/3 Rendre le module invisible :

    Rendre un module INVISIBLE (sur le blog mais pas sur les moteurs de recherche) d'après cliquez ici

    Rechercher un numéro identifiant du module :

    Faire un clic droit sur le titre du module.

    dans la fenêtre, clic gauche sur examiner l'élément

    c'est le numéro à 9 chiffres qui s'affiche en bas à gauche et dans l'onglet #module_menu;

    Dans le blog, suivre le chemin :

    onglet Apparence>modifier le thème>ajout de CSS

    Indiquer à la queue leu leu le code suivant :

    #module_menu000000000 {display: none;} 

    display:none = invisible
    display:block = visible 

    Et le tour est joué !!