• Mettre un curseur

    LE CODE

    HTML,BODY{cursor: url("URL DE VOTRE CURSEUR"), auto;}
    A:hover{cursor: url("URL DU CURSEUR QUI SURVOLE LES LIENS"), auto;}

    L'EXPLICATION

    Remplacez ce qui est en rose par l'URL du curseur choisi, comme indiqué.

    INFO

    Soit vous faites un curseur vous même, soit vous pouvez en chercher sur le net. Un site de curseur sympa :

    http://www.totallyfreecursors.com

    Réalisé à la demande de TeenageBeauty~


  • Commentaires

    1
    Dimanche 8 Mars 2015 à 14:09

    ton CSS curseur tu peux le copier coller dans les commentaires s'il te plait ???

    2
    Dimanche 8 Mars 2015 à 15:34

    Pourquoi ?

    3
    Dimanche 8 Mars 2015 à 16:48

    ben je voulais le prendre, mais du coup j'ai recopié à la lettre x3

    Mais bizarrement ça marche pas !!ça s'applique mais on voit pas le curseur que t'as mis

    4
    Dimanche 8 Mars 2015 à 16:52

    J'ai pas trop envie que tu prennes le même curseur que moi :3

    5
    Samedi 14 Mars 2015 à 13:30

    Et que pour se curseur lache des pailettes ? Je galère et je le trouve pas T-T.

    6
    Samedi 14 Mars 2015 à 13:47

    Mon code c'est celui ci (je ne sais plus où c'est que je l'ai trouvé par contre -.-

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <script type="text/javascript">// <![CDATA[

    var colour="#FFFFFF";

    var sparkles=70;

    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>

    7
    Samedi 14 Mars 2015 à 13:48

    Il ne marche pas :'(

    8
    Samedi 14 Mars 2015 à 14:07

    Ah bah je sais pas alors :/

    9
    Samedi 14 Mars 2015 à 14:43

    J'y suis arrivé *-*

    10
    Samedi 14 Mars 2015 à 20:05

    Aaahhh :D



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :