• Ce script permet de faire changer  la couleur des hyperliens lorsque le pointeur de la souris vient se placer sur eux, comme cet exemple.

    www.google.com

    Il faut d'abord que vous inscriviez votre lien normal, puis ensuite se rendre dans le code HTML de votre blog Kazeo et le coller.

    Je vous donne le script ci-après.

    <STYLE type=text/css>A {

    FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline

    }

    A:hover {

    FONT-SIZE: 12px; COLOR: #3300cc; TEXT-DECORATION: underline

    }

    </STYLE>



    votre commentaire
  • Vous avez déjà visité un site Web en vous demandant où il était situé géographiquement ? Avec l'extension Flagfox, vous pouvez afficher un drapeau du pays dans lequel se trouvent les serveurs du site que vous visitez. Pratique pour éviter les faux sites Web qui se trouvent dans des pays exotiques.

    1. Dans Firefox, cliquez sur le menu Outils puis sur Modules complémentaires.

    2. Ouvrez l'onglet Catalogue.

    3. Dans le champ de recherche, saisissez flagfox et appuyez sur la touche Entrée.

    4. Cliquez sur le bouton Ajouter à Firefox.

    5. Cliquez sur le bouton Installer maintenant.

    6. Cliquez ensuite sur le bouton Redémarrer Firefox.

    7. Désormais, un drapeau du pays où se trouvent les serveurs du site visité est affiché dans la barre d'adresses.

    8. Cliquez sur ce drapeau pour afficher sur une carte l'emplacement physique du site Web.


    2 commentaires
  • Museum
    Vous aussi vous voulez que les gens admirent vos photos, un moment, lors de leur passage au musée.

    Je vous propose d'aller vous rendre sur le site Dumpr et vous aurez maintes possibilités de réaliser vos projets photo. Après avoir suivi les étapes, vous aurez un code HTML et vous n'aurez plus qu'à le mettre sur votre blog. Le site est en anglais, mais avec le choix des langues, le français est présent.

    Amusez vous bien.

    http://www.dumpr.net/


    votre commentaire
  • Vous aussi vous voulez votre affiche de cinéma à votre effigie, comme la mienne

    donc après l'image je vous donne le lien du site


    1 commentaire
  • <script type="text/javascript">// <![CDATA[ var second_hand_colour="#9900CC"; // colour of second hand var minute_hand_colour="#0099FF"; // colour of minute hand var hour_hand_colour="#66FF33"; // colour of hour hand var facia_colour="#"; // colour of facia (i.e. numbers) var face_colour=""; // colour of face (can be set to "transparent"); var xoffset=60; // horizontal distance from centre of clock to cursor var yoffset=60; // vertical distance from centre of clock to cursor var size=120; // pixels high/wide /**************************** * Analogue Clock Effect * * (c)2006 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var facia=String.fromCharCode(9660)+" 1 2 "+String.fromCharCode(9668)+" 4 5 "+String.fromCharCode(9650)+" 7 8 "+String.fromCharCode(9658)+" 10 11"; // characters to use for face, starting at '12' position var clok; var newx=xmo=400; var newy=ymo=300; window.onload=function() { if (document.getElementById) { var i, j, k; clok=document.createElement("div"); clok.style.position="absolute"; if (face_colour!="transparent") for (i=0; i<size; i++) { j=createDiv(false, face_colour); if (document.all) j.style.filter="Alpha(Opacity=50)"; else j.style.opacity=0.5; k=size*Math.sqrt(i/size-Math.pow(i/size, 2)); j.style.left=size/2-k+"px"; j.style.top=i+"px"; j.style.height="1px"; j.style.width=k*2+"px"; clok.appendChild(j); } for (i=1; i<size/4; i++) { j=createDiv("sec"+i, second_hand_colour); j.style.height="2px"; j.style.width="2px"; clok.appendChild(j); } for (i=1; i<size/4; i++) { j=createDiv("min"+i, minute_hand_colour); j.style.height="3px"; j.style.width="3px"; clok.appendChild(j); } for (i=0; i<size/6; i++) { j=createDiv("hour"+i, hour_hand_colour); j.style.height="4px"; j.style.width="4px"; if (!i) j.style.top=j.style.left=size/2-2+"px"; clok.appendChild(j); } facia=facia.split(" "); for (i=0; i<12; i++) { j=createDiv(false, "transparent"); j.style.color=facia_colour; j.style.font="bold 10pt monospace"; j.style.overflow="visible"; j.appendChild(document.createTextNode(facia[i])); j.style.top=size/2-7-size/2*Math.cos(i*Math.PI/6)+"px"; j.style.left=size/2-5+size/2*Math.sin(i*Math.PI/6)+"px"; clok.appendChild(j); } document.body.appendChild(clok); tick(); tock(); }} function tick() { var i, j; var now=new Date(); var sec=(now.getSeconds()+(now.getMilliseconds()%1000)/1000)*Math.PI/30; for (i=1; i<size/4; i++) { j=document.getElementById("sec"+i).style; j.left=size/2+2*i*Math.sin(sec)-1+"px"; j.top=size/2-2*i*Math.cos(sec)-1+"px"; } xmo+=Math.floor((newx-xmo)/4); clok.style.left=xmo+"px"; ymo+=Math.floor((newy-ymo)/4); clok.style.top=ymo+"px"; setTimeout("tick()", 40); } function tock() { var i, j; var now=new Date(); var min=(now.getMinutes()+now.getSeconds()/60)*Math.PI/30; var hrs=(now.getHours()+now.getMinutes()/60)*Math.PI/6 for (i=1; i<size/4; i++) { j=document.getElementById("min"+i).style; j.left=size/2+2*i*Math.sin(min)-1.5+"px"; j.top=size/2-2*i*Math.cos(min)-1.5+"px"; } for (i=1; i<size/6; i++) { j=document.getElementById("hour"+i).style; j.left=size/2+2*i*Math.sin(hrs)-2+"px"; j.top=size/2-2*i*Math.cos(hrs)-2+"px"; } setTimeout("tock()", 999); } document.onmousemove=mouse; function mouse(e) { newy=yoffset-size/2+((e)?e.pageY:event.y+scro()); newx=xoffset-size/2+((e)?e.pageX:event.x); } function scro() { var scro=0; if (document.body.scrollTop) scro=document.body.scrollTop; else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop; return (scro); } function createDiv(id, bg) { var div=document.createElement("div"); div.style.position="absolute"; div.style.overflow="hidden"; div.style.backgroundColor=bg; if (id) div.setAttribute("id", id); return (div); } // ]]></script>

    Horloge qui suit votre souris, voivi le code.

    Le signe # est à remplacer par le code couleur de votre envie.

    Le tableau des code couleurs se trouve à cette adresse:

    http://meumeu33.kazeo.com/Code-Couleurs,a636042.html

    <script type="text/javascript">
    // <![CDATA[
    var second_hand_colour="#"; // colour of second hand
    var minute_hand_colour="#"; // colour of minute hand
    var hour_hand_colour="#"; // colour of hour hand
    var facia_colour="#"; // colour of facia (i.e. numbers)
    var face_colour=""; // colour of face (can be set to "transparent");
    var xoffset=60; // horizontal distance from centre of clock to cursor
    var yoffset=60; // vertical distance from centre of clock to cursor
    var size=120; // pixels high/wide
    /****************************
    *    Analogue Clock Effect  *
    * (c)2006 mf2fm web-design  *
    *  http://www.mf2fm.com/rv  *
    * DON'T EDIT BELOW THIS BOX *
    ****************************/
    var facia=String.fromCharCode(9660)+" 1 2 "+String.fromCharCode(9668)+" 4 5 "+String.fromCharCode(9650)+" 7 8 "+String.fromCharCode(9658)+" 10 11"; // characters to use for face, starting at '12' position
    var clok;
    var newx=xmo=400;
    var newy=ymo=300;
    window.onload=function() { if (document.getElementById) {
      var i, j, k;
      clok=document.createElement("div");
      clok.style.position="absolute";
      if (face_colour!="transparent") for (i=0; i<size; i++) {
          j=createDiv(false, face_colour);
          if (document.all) j.style.filter="Alpha(Opacity=50)";
          else j.style.opacity=0.5;
          k=size*Math.sqrt(i/size-Math.pow(i/size, 2));
          j.style.left=size/2-k+"px";
          j.style.top=i+"px";
          j.style.height="1px";
          j.style.width=k*2+"px";
          clok.appendChild(j);
      }
      for (i=1; i<size/4; i++) {
          j=createDiv("sec"+i, second_hand_colour);
          j.style.height="2px";
          j.style.width="2px";
          clok.appendChild(j);
      }
      for (i=1; i<size/4; i++) {
          j=createDiv("min"+i, minute_hand_colour);
          j.style.height="3px";
          j.style.width="3px";
          clok.appendChild(j);
      }
      for (i=0; i<size/6; i++) {
          j=createDiv("hour"+i, hour_hand_colour);
          j.style.height="4px";
          j.style.width="4px";
          if (!i) j.style.top=j.style.left=size/2-2+"px";
          clok.appendChild(j);
      }
      facia=facia.split(" ");
      for (i=0; i<12; i++) {
          j=createDiv(false, "transparent");
          j.style.color=facia_colour;
          j.style.font="bold 10pt monospace";
          j.style.overflow="visible";
          j.appendChild(document.createTextNode(facia[i]));
          j.style.top=size/2-7-size/2*Math.cos(i*Math.PI/6)+"px";
          j.style.left=size/2-5+size/2*Math.sin(i*Math.PI/6)+"px";
          clok.appendChild(j);
      }
      document.body.appendChild(clok);
      tick();
      tock();
    }}
    function tick() {
      var i, j;
      var now=new Date();
      var sec=(now.getSeconds()+(now.getMilliseconds()%1000)/1000)*Math.PI/30;
      for (i=1; i<size/4; i++) {
          j=document.getElementById("sec"+i).style;
          j.left=size/2+2*i*Math.sin(sec)-1+"px";
          j.top=size/2-2*i*Math.cos(sec)-1+"px";
      }
      xmo+=Math.floor((newx-xmo)/4);
      clok.style.left=xmo+"px";
      ymo+=Math.floor((newy-ymo)/4);
      clok.style.top=ymo+"px";
      setTimeout("tick()", 40);
    }
    function tock() {
      var i, j;
      var now=new Date();
      var min=(now.getMinutes()+now.getSeconds()/60)*Math.PI/30;
      var hrs=(now.getHours()+now.getMinutes()/60)*Math.PI/6
      for (i=1; i<size/4; i++) {
          j=document.getElementById("min"+i).style;
          j.left=size/2+2*i*Math.sin(min)-1.5+"px";
          j.top=size/2-2*i*Math.cos(min)-1.5+"px";
      }
      for (i=1; i<size/6; i++) {
          j=document.getElementById("hour"+i).style;
          j.left=size/2+2*i*Math.sin(hrs)-2+"px";
          j.top=size/2-2*i*Math.cos(hrs)-2+"px";
      }
      setTimeout("tock()", 999);
    }
    document.onmousemove=mouse;
    function mouse(e) {
      newy=yoffset-size/2+((e)?e.pageY:event.y+scro());
      newx=xoffset-size/2+((e)?e.pageX:event.x);
    }
    function scro() {
      var scro=0;
      if (document.body.scrollTop) scro=document.body.scrollTop;
      else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
      return (scro);
    }
    function createDiv(id, bg) {
      var div=document.createElement("div");
      div.style.position="absolute";
      div.style.overflow="hidden";
      div.style.backgroundColor=bg;
      if (id) div.setAttribute("id", id);
      return (div);
    }
    // ]]>
    </script>



    1 commentaire