• [Codage] 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)

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

    Pour entrer le code il faut aller sur "apparence" puis" zone de script" /!\ Ne mettez pas ce code dans le CSS sous peine de rendre votre blog inutilisable!

    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.

     

     

    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!

     

     

    « Slim maisonSécurité sur Internet »
    Partager via Gmail

  • Commentaires

    1
    Dimanche 12 Mars 2017 à 10:13

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

      • Dimanche 12 Mars 2017 à 10:17

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

    2
    Lundi 3 Avril 2017 à 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 2017 à 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 2017 à 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 2017 à 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 2017 à 16:29

    c'est bon, merci 

    5
    Vendredi 7 Avril 2017 à 19:36

    Merci pour le partage !

      • Samedi 8 Avril 2017 à 09:41

        De rien

    6
    Vendredi 4 Août 2017 à 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 2017 à 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 2017 à 19:07

    Du coup faut faire comment ???

      • Dimanche 6 Août 2017 à 11:32

        Je ne comprends pas. Faire comment quoi? 

    8
    Mardi 30 Janvier à 09:08

    Bonjour ! je n'arrive pas a trouver le formulaire de contact  pour demander à eklablog d'activer le code javascript. Comment faire ?

    9
    Mardi 30 Janvier à 15:42

    Toi je vois que tu es nouvelle ici! Tu vas sur la barre de menu tu appuies sur aide et que contacter les supports . Tu te retrouves sur le formulaire de contact et tu demandes d'activer le javascript. Tu as compris ?

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :