• Curseur a pluie d'étoiles


    Mercredi 28 Mars 2012 à 13:18
    selena 66

    Bonjour,

    j'aimerais mettre un curseur avec une pluie d'étoiles qui en tombe sur mon blog de graphisme "Graph Star".

    Mais je ne c'est pas comment faire et je ne trouve pas le code css.

    Merci d'avance.

    Cordialement

    Selena 66.

    Mercredi 28 Mars 2012 à 17:30
    Passion`B.A

    Comme l'a indiqué Papasti sur son blog : voici un petit code où tu peux changer la couleur des étoiles en indiquand le nom en anglais ! Il te faut l'activation du Javascript !

    <script type="text/javascript">
    var macouleur="white"
    </script>
    <script src="http://ekladata.com/anWiitTC4dg8SbPUXtuLYnmNK8s/pluie.js" type="text/javascript"></script>

    Tu peux changer la couleur en remplaçant le text surligné en jaune par une couleur en anglais

    Mercredi 28 Mars 2012 à 17:33
    Kealsea

    Alors voici le code :

    <script type="text/javascript">// <![CDATA[
    var colour="#000000";
    var sparkles=50;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}
    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }
    function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";
    }
    else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;
    }
    }
    else tiny[i].style.visibility="hidden";
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;
    }
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.backgroundColor=colour;
    return (div);
    }
    // ]] ></script>

     

     

    Voilà , et a la place de #000000 tu met la couleur , sinon , tu la met en anglais (si tu la met en anglais enleve "#" ) Exemple : Pink , yellow , orange , green , ...etc

    Mercredi 28 Mars 2012 à 17:55
    Passion`B.A

    un peu long non ?

    Mercredi 28 Mars 2012 à 17:58
    selena 66

    Merci a vous deux.

    J'attend qu'on m'active le javascrip et c'est bon.

    Mercredi 28 Mars 2012 à 18:04
    Passion`B.A

    de rien

    Dimanche 3 Février 2013 à 13:22
    etoiler-Miku

    bonjour heu je ne sais pas ce que sais le Javascript et je ne sais pas comment on peut l'avoir alors s'il vous plait pouvez vous me repondre merci d'avance

    ps: c'est  un peu urgent voila merci!

    Lundi 11 Mars 2013 à 08:56
    CaroCréations

    coucou par contre on le place comment ce lien et ou pour qu il n apparaisse pas sur le blog 

    Mercredi 2 Avril 2014 à 20:47
    minouchapassion

    Bonsoir , j'ai javascript et le code ne fonctinne pas  ? ont me dit qu'il y a une erreur dedans ? pourriez-vous m'aider ? merci

    Mercredi 9 Avril 2014 à 22:08
    Cély

    Bonjour ,

    Il y a beaucoup de code CSS pour ce genre de chose qu'on peut facilement trouver sur internet. Je tiens à préciser qu'il faut souvent avoir le javascript activé et donc il faut demander ça au Support ou à Stéphanie , Godefroy.. Une fois activé , vous pourrez faire un tas de choses.

    CaroCréations : Il faut d'abord que tu ailles dans ton blog > Apparence en haut > Modifier le thème > Ajouter du CSS ( tout en bas si tu regardes bien ) Puis tu choisis une ligne ( où rien n'est écrit ) et tu colles ce code dedans mais avant il faut que tu le copies.

    Minouchapassion : Vérifie bien si tu as javascript , si oui , tu as surêment oublié un mini mot comme un tiret par exemple. Il ne faut absolument rien oublié sinon ton code sera certainement faux. 

    Cordialement ,

     




    Vous devez être membre pour poster un message.