• Codes informatiques utilisés sur mon blog

    Tu veux faire des trucs que je fais sur mon blog ? Tant mieux! Ici je vais mettre tout les codes informatiques que je connais.

     

    Salut petit geek!

    Comme moi tu entretien un blog ou un site web?

    Voici quelque codes.

     

    Texte défilant

    Voici le code du texte défilant.

    <p><marquee direction="left" scrollamount="2">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img alt="" />&nbsp; ICI (le texte) </marquee></p>

     

    = vitesse du déplacement du texte

     

    = Ecrivez votre texte à l'emplacement violet

    Ca donne:

     

              Salut comment ca va? Tu aimes mon texte défilant?

     

    =100

    La pluie d'étoiles au changment de place de la souris

    Attention le code est long. Mais heureusement que le copier-coller existe (bon il a pas mal de mauvais côtés)

    Voici le code:

    <script type="text/javascript">

    var colour="#0000";
    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, 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, 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>

     

     

     Légende:

    A la deuxième ligne il y a un endroit écrit en rouge. C'est ici pour mettre le code couleur de la couleur que vous souhaiter mettre.

    Pour déchiffrer le code pour chaque couleur aller -->ici<-- et copier-coller le code couleur.

    Pour entrer le code il faut aller sur "apparence" puis" zone de script"

    /!\Attention! Pour que le code marche (si c'est blog eklablog) il faut demander au support  d'ajouter le code javasript sur votre blog

    L'heure, la date et les flèche haut et bas

     Pour cela il faut trouver un site avec des widgets ou outils pour site web. Vous pouvez sur certains sites créer le votre ou trouver dans les modèles existants. Ensuite il vous afficheront le code javascript (pour les flèches haut et bas il faut entrer le code au même endroit que pour la pluie d'étoile et pour l'heure et la date il faut créer un nouveau module/ article et vous mettez le code dans "source".

    Moi par exemple j'ai utilisée -->ce site<-- pour mes flèches

     

    Si vous aimez un de mes modèles demandez moi le code par message privé ou par commentaire. Si vous souhaitez avoir un autre code ou que vous connaissez d'autre code n'hésitez pas à me le dire en MP ou en commentaires!

    J'espère vous avoir été utile!

     

     


  • Commentaires

    1
    Dimanche 12 Mars à 10:13

    ah cool, je savais pas ça^^ merci!

      • Dimanche 12 Mars à 10:17

        De rien contente de t'avoir été utile!

    2
    Lundi 3 Avril à 12:33

    super de mettre les codes, il va falloir que j'y pense.

    Mais comme tu as désactivé le clic droit on ne peut pas les prendre, dommage

      • Lundi 3 Avril à 15:35

        Zut j'ai fait ca pour éviter le plagiat je remet les clics droit jusqu'à que tu ai pu prendre les codes

    3
    Lundi 3 Avril à 16:28

    merciiiii, mais tu sais , ceux qui sont un peu fort en informatique c'est pas l'anti clic droit qui les bloque

      • Samedi 8 Avril à 09:40

        Oui je le sais mais je  prends les mesures necessaires même si le clic droit n'est pas complétement désactivé!

    4
    Lundi 3 Avril à 16:29

    c'est bon, merci 

    5
    Vendredi 7 Avril à 19:36

    Merci pour le partage !

      • Samedi 8 Avril à 09:41

        De rien

    6
    Vendredi 4 Août à 21:31

    Je suis nulle en informatique et je ne sais vraiment pas  comment on fait avec les codes .Est-ce que tu peux m'aider par pitiée

      • Samedi 5 Août à 10:37

        Ben moi aussi je suis nulle. Je cherche mes codes sur Internet ou sur des blogs de CSS ou de codes.

    7
    Samedi 5 Août à 19:07

    Du coup faut faire comment ???

      • Dimanche 6 Août à 11:32

        Je ne comprends pas. Faire comment quoi? 

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :