Rechercher : dans
Par :

Creation d'un curseur animé

Dernière réponse le 29 jun 2009 à 19:08:55 sissi2, le 30 nov 2007 à 16:53:14 
 Signaler ce message aux modérateurs

Bonjour,
Je voudrai créé un curseur animé. Comment faire?
merci de votre aide

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Creation d'un curseur animé » dans :
Créer une photo avec globe animé avec Gimp VoirSi ce n'est pas déjà fait, téléchargez GIMP, installez le et lancez le. Création de l'image Tester l'animation Enregistrer l'animation Création de l'image Une fois le logiciel lancé, ouvrez le menu fichier puis cliquez sur "ouvrir" et...
Comment créer un fond d'écran animé VoirCréer le fond d’écran Solution la plus simple : créer un GIF animé Exemple de logiciel : Ulead GIF Animator Étape 1 : créer un nouveau projet Étape 2 : importer et ajouter des éléments Étape 3 : manipuler chaque élément Étape 4 : manipuler...
Animer une séquence d'images avec Gimp VoirGimp permet, entre autres, de créer une animation en superposant plusieurs images. Cette animation peut alors être sauvée au format gif. Sommaire I. Images utilisées pour notre exemple II. Ouvrir la première image puis les autres en tant...

1

thomas550, le 30 nov 2007 à 17:04:29

Ben tu en a déja sur ton pc intégrès et puis il y en a plein .

Répondre à thomas550

2

sissi2, le 30 nov 2007 à 17:09:07
  • +1

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.

Répondre à sissi2

18

Tamara, le 21 oct 2008 à 15:24:01

Vas sur le site cursor Mania y'en a plein =DD

Répondre à Tamara

3

slum-dunk, le 30 nov 2007 à 17:10:46

C'est possible avec Flash si tu sais coder en Actionscript.c'est just un petit bout de code qui le fait.

Répondre à slum-dunk

4

sissi2, le 30 nov 2007 à 17:15:22
  • +1

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

Répondre à sissi2

5

slum-dunk, le 30 nov 2007 à 17:17:52

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.

Répondre à slum-dunk

6

Christounet, le 30 nov 2007 à 17:27:44

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

Répondre à Christounet

7

sissi2, le 30 nov 2007 à 17:42:42

Merci Christounet, j'étudie ça et je te tiens au courant.

Répondre à sissi2

8

sissi2, le 30 nov 2007 à 18:31:56

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?

Répondre à sissi2

9

Gaelle, le 6 fév 2008 à 14:11:25

Tu peux téléchargé des curseurs sur dessinson.free.fr ou en tapant curseur animé gratuit sur Google

Répondre à Gaelle

10

sissi2, le 13 fév 2008 à 11:02:04

Quel est le code html a inserer? Merci
avec simplement un texte défilant derrière la souris.

Répondre à sissi2

11

Christounet, le 13 fév 2008 à 12:31:14

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 A un moment, je me suis dit : je préfère être clochard que travailler.C'est à ce moment que j'ai pu devenir artiste (Coluche)

Répondre à Christounet

20

Flohti, le 29 mai 2009 à 14:13:02

^^, tu te fais ch**r,

i<=message.length-1


plus simple, ^^ :
i<message.length

Répondre à Flohti

12

sissi2, le 15 fév 2008 à 13:56:32

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

Répondre à sissi2

13

Christounet, le 15 fév 2008 à 14:47:47

Bonjour,

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

Merci

A plus A un moment, je me suis dit : je préfère être clochard que travailler.C'est à ce moment que j'ai pu devenir artiste (Coluche)

Répondre à Christounet

15

inviter, le 26 mar 2008 à 11:32:10

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.

Répondre à inviter

17

Flohti, le 15 sep 2008 à 16:32:39

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

Répondre à Flohti

19

peanis, le 29 oct 2008 à 19:53:04
  • +1

Gagagagagouughoughgou

Répondre à peanis

21

Masterdetoi, le 28 jun 2009 à 02:25:49

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!

Répondre à Masterdetoi
Collection CommentÇaMarche.net