Creation d'un curseur animé

sissi2 Messages postés 12 Date d'inscription   Statut Membre -  
 sarroura -
Bonjour,
Je voudrai créé un curseur animé. Comment faire?
merci de votre aide
Configuration: Windows XP
Internet Explorer 7.0

18 réponses

  1. Profil bloqué
     
    C'est possible avec Flash si tu sais coder en Actionscript.c'est just un petit bout de code qui le fait.
    4
  2. Christounet Messages postés 1272 Date d'inscription   Statut Membre Dernière intervention   1 393
     
    Bonjour,

    TU trouveras des explications concernant le changement du curseur dans les pages HTML sur le lien ci-dessous en utilisant les feuilles de style CSS:

    Changement curseur

    A plus
    1
  3. Flohti Messages postés 165 Statut Membre 15
     
    body
    {
        font-size:13px;
        font-family:comic sans ms;
        font-weight:bold;
    	overflow:hidden;
    	cursor:url(cursor/normal-cursor.cur), auto;
    }

    Propriété css de ta balise body : cursor:url( + chemin_vers_le_curseur.cur + ), auto;

    Pour ce qui est des curseeurs animés, je suis pas sûr que ça fonctionne, je crois déjà que IE a du mal a montrer un curseur normal

    Par contre, pour un max de compatibilité, il faut faire le .cur (je sais plus comment, je m'étais fait ch*er !)

    EDIT : j'ai mis ce que j'avais trouvé sur mon post où j'avais demandé : http://www.commentcamarche.net/forum/affich 7236926 creer des curseur visible ie
    1
  4. thomas550
     
    ben tu en a déja sur ton pc intégrès et puis il y en a plein .
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. sissi2 Messages postés 12 Date d'inscription   Statut Membre 2
     
    Pardon j'ai dû mal m'expliquer.
    En fait, je veux que la souris (fleche) ne soit pas une flèche sur mon site web, mais un animal ou autre. C'est pour mon website.
    0
    1. Tamara
       
      Vas sur le site cursor Mania y'en a plein =DD
      0
  7. sissi2 Messages postés 12 Date d'inscription   Statut Membre 2
     
    Malheureusement je ne sais pas coder en Actionscript.
    Je veux pouvoir l'insérer en html et voir un site en français avec des exemples.
    Merci
    0
  8. Profil bloqué
     
    Bon je voudrais kan méme taider,donne ton email lundi je te recontacte,car là je dois partir.Et je verrai ce k je pourrai faire pour twa.
    0
  9. sissi2 Messages postés 12 Date d'inscription   Statut Membre 2
     
    Merci Christounet, j'étudie ça et je te tiens au courant.
    0
  10. sissi2 Messages postés 12 Date d'inscription   Statut Membre 2
     
    Il y a un des liens sur ce site qui ne fonctionne plus. Existe-t-il un site français avec des curseurs gratuit à récupérer?
    0
  11. Gaelle
     
    Tu peux téléchargé des curseurs sur dessinson.free.fr ou en tapant curseur animé gratuit sur Google
    0
  12. sissi2 Messages postés 12 Date d'inscription   Statut Membre 2
     
    quel est le code html a inserer? Merci
    avec simplement un texte défilant derrière la souris.
    0
  13. sissi2 Messages postés 12 Date d'inscription   Statut Membre 2
     
    Merci, mais j'ai dû faire une erreur ça ne fonctionne pas. Il y a une partie du code (celui à placer dans body qui est en rouge).
    Tu sais pourquoi? Merci
    0
  14. Christounet Messages postés 1272 Date d'inscription   Statut Membre Dernière intervention   1 393
     
    Bonjour,

    Peux-tu copier/coller ton code, celà plus facile pour vérifier l'erreur que tu as ?

    Merci

    A plus
    0
  15. inviter
     
    Salut!

    Bon, moi j'ai une astuce qui pourait fonctioner.C'est que tu fais un .cur et après tu fais un script que les autres te diron à copier et à coller et la main est dans le sac! Fais moi confiance!

    P.S.: J'ai fais un curseur avec le .cur et il me manque le script merci de me le dire! Merci d'avance!

    Le p'tit internaute.
    0
  16. Masterdetoi
     
    Mon dieu! c'est pas possible les conneries que vous débitez en xhtml c'est:
    cursor: url("dossier/toncurseur.cur") comme l'a dit flohti et c'est dans le fichier CSS!
    0
  17. Christounet Messages postés 1272 Date d'inscription   Statut Membre Dernière intervention   1 393
     
    Bonjour,

    Tu trouveras ci-dessous le code HTML à insérer dans ta page pour avoir un texte défilant derrière la souris:

    1) Entre les balises <HEAD> et </HEAD> ajoute le code suivant:
    <style>
    .spanstyle {
     position:absolute;
     visibility:visible;
     top:-50px;
     font-size:10pt;
     font-family:Courier;
     color:#FF3300;
    }
    </style>
    <script>
    var x,y
    var step=12
    var flag=0
    var message='Bienvenus sur mon site'
    message=message.split("")
    var xpos=new Array()
    var ypos=new Array()
    for (i=0;i<=message.length-1;i++) {
     xpos[i]=-60;
     ypos[i]=-60;
    }
    function handlerMM(e){
     x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
     y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
     flag=1
    }
    function makesnake() {
     if (flag==1 && document.all) {
         for (i=message.length-1; i>=1; i--) {
          xpos[i]=xpos[i-1]+step
          ypos[i]=ypos[i-1]
         }
      xpos[0]=x+step
      ypos[0]=y
      for (i=0; i<message.length; i++) {
          var thisspan = eval("span"+(i)+".style")
          thisspan.posLeft=xpos[i]
          thisspan.posTop=ypos[i]
         }
     }
     else if (flag==1 && document.layers) {
         for (i=message.length-1; i>=1; i--) {
          xpos[i]=xpos[i-1]+step
          ypos[i]=ypos[i-1]
         }
      xpos[0]=x+step
      ypos[0]=y
      for (i=0; i<message.length; i++) {
          var thisspan = eval("document.span"+i)
          thisspan.left=xpos[i]
          thisspan.top=ypos[i]
         }
     }
      var timer=setTimeout("makesnake()",30)
    }
    </script>
    


    2) Entre les balises <BODY> et </BODY>, ajoute le code suivant:

    <script>
    for (i=0;i<=message.length-1;i++) {
        document.write("<span id='span"+i+"' class='spanstyle'>")
     document.write(message[i])
        document.write("</span>")
    }
    if (document.layers){
     document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = handlerMM;
    makesnake()
    </script>
    


    Tu peux changer la variable message , la taille, la couleur et le font.

    A plus
    -1
    1. Flohti Messages postés 165 Statut Membre 15
       
      ^^, tu te fais ch**r,
      i<=message.length-1


      plus simple, ^^ :
      i<message.length
      0