Curseur
3 participants
Page 1 sur 1
Curseur
Voilà je recherche un curseur pour mon forum sur la danse classique.Voici plusieurs idées de ce que je recherche:
-une chaîne de coeurs,d'étoiles jaune ou rose comme sur ce site: http://lemondedephilie.skynetblogs.be/
-un curseur avec le texte "Danse Classique Forever" accroché,qui suit la souris
-une petite danseuse animée (on m'avait déjà donné le code sur le forum des forums mais je ne retrouve pas le message)
-une petite étoile toute simple
Enfin voilà si je pouvais en trouver un ça me plairais beaucoup!Merci d'avance pour votre aide!
-une chaîne de coeurs,d'étoiles jaune ou rose comme sur ce site: http://lemondedephilie.skynetblogs.be/
-un curseur avec le texte "Danse Classique Forever" accroché,qui suit la souris
-une petite danseuse animée (on m'avait déjà donné le code sur le forum des forums mais je ne retrouve pas le message)
-une petite étoile toute simple
Enfin voilà si je pouvais en trouver un ça me plairais beaucoup!Merci d'avance pour votre aide!
Honey- Nouveau
- Nombre de messages : 32
Localisation : France
Date d'inscription : 27/06/2005
Re: Curseur
Voici un premier exemple avec un script. Les petis coeurs peuvent être animés.
Aperçu ici
Aperçu ici
ancolie- Invité
Re: Curseur
le script ne fonctionne pas sous firefox .
il faut en trouver un compatible avec tout (ou presque) les navigateurs
il faut en trouver un compatible avec tout (ou presque) les navigateurs
guly- Homo Numericus
- Nombre de messages : 19104
Localisation : Etoile naine commune
Date d'inscription : 26/09/2004
Re: Curseur
C'est le script utilisé sur le site proposé !
Personnellement, les curseurs me gênent pour cliquer sur les liens alors, je ne vois pas beaucoup de solutions.
Personnellement, les curseurs me gênent pour cliquer sur les liens alors, je ne vois pas beaucoup de solutions.
ancolie- Invité
Re: Curseur
Pour que ce soit compatible aussi avec firefox et même Nescape, je pense qu'il faut faire un gif comme
I C I
I C I
ancolie- Invité
Re: Curseur
oui, c'est parfait!
guly- Homo Numericus
- Nombre de messages : 19104
Localisation : Etoile naine commune
Date d'inscription : 26/09/2004
Re: Curseur
Il y a des curseurs en bas de cette page :
http://www.nollizua.com/curseurs.htm
Et des coeurs sur celle ci et la suivante :
http://www.nollizua.com/curseurs_stvalentin1.htm
L'avantage, c'est qu'ils sont hébergés.
Pour ce qui est du script du texte qui suit la souris, ii est en deux parties ; je ne sais pas si c'est possible de le mettre sur un forum. Guly, tu sais si on peut ? En faisant un fichier js ???
http://www.nollizua.com/curseurs.htm
Et des coeurs sur celle ci et la suivante :
http://www.nollizua.com/curseurs_stvalentin1.htm
L'avantage, c'est qu'ils sont hébergés.
Pour ce qui est du script du texte qui suit la souris, ii est en deux parties ; je ne sais pas si c'est possible de le mettre sur un forum. Guly, tu sais si on peut ? En faisant un fichier js ???
ancolie- Invité
Re: Curseur
je ne sais pas,je n'ai jamais essayé
mais cela m'étonnerais parce qu'il faut mettre une partie du script entre les balises <head></head> .
mais cela m'étonnerais parce qu'il faut mettre une partie du script entre les balises <head></head> .
guly- Homo Numericus
- Nombre de messages : 19104
Localisation : Etoile naine commune
Date d'inscription : 26/09/2004
Re: Curseur
J'aime bcp la chaine de coeur que vous avez proposé!
Honey- Nouveau
- Nombre de messages : 32
Localisation : France
Date d'inscription : 27/06/2005
Re: Curseur
Dans l'administration : général / page d'accueil / description du site ; cliquer sur <> puis inscrire les codes ci-dessous :
- Code:
<DIV id="dot0" style="width:20px; height:32px; position:absolute; left:25px; top:16px; z-index:1; visibility:hidden;"><IMG border=0 src="http://img87.imageshack.us/img87/4333/coeur2zx.gif"></DIV>
<DIV id="dot1" style="width:20px; height:32px; position:absolute; left:25px; top:16px; z-index:1;"><IMG border=0 src="http://img87.imageshack.us/img87/4333/coeur2zx.gif"></DIV>
<DIV id="dot2" style="width:20px; height:32px; position:absolute; left:25px; top:16px; z-index:1;"><IMG border=0 src="http://img87.imageshack.us/img87/4333/coeur2zx.gif"></DIV>
<DIV id="dot3" style="width:20px; height:32px; position:absolute; left:25px; top:16px; z-index:1;"><IMG border=0 src="http://img87.imageshack.us/img87/4333/coeur2zx.gif"></DIV>
<DIV id="dot4" style="width:20px; height:32px; position:absolute; left:25px; top:16px; z-index:1;"><IMG border=0 src="http://img87.imageshack.us/img87/4333/coeur2zx.gif"></DIV>
<DIV id="dot5" style="width:20px; height:32px; position:absolute; left:25px; top:16px; z-index:1;"><IMG border=0 src="http://img87.imageshack.us/img87/4333/coeur2zx.gif"></DIV>
<DIV id="dot6" style="width:20px; height:32px; position:absolute; left:25px; top:16px; z-index:1;"><IMG border=0 src="http://img87.imageshack.us/img87/4333/coeur2zx.gif"></DIV>
<SCRIPT language=JavaScript>
/*
Elastic Bullets
Philip Winston
<winston@cs.unc.edu>
10/98
Script edité sur LE SITE DE NOLLIZUA
http://www.le-site-de-nollizua.fr.st
grace a un script de www.editeurjavascript.com
*/
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 0.8;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 10;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init() {
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
}
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 3000);
}
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
function setInitPositions(dots) {
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e) {
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape)
{
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
</script>
ancolie- Invité
Re: Curseur
J'ai installé le code mais ça ne marche pas...
Honey- Nouveau
- Nombre de messages : 32
Localisation : France
Date d'inscription : 27/06/2005
Re: Curseur
Je viens de tester et cela fonctionne sur la page d'accueil. Je pourrais connaitre l'adresse du forum pour vérifier ?
ancolie- Invité
Re: Curseur
Oups.. j'avais l'adresse ; je vois bien les coeurs sur la page d'accueil mais j'ai Internet Explorer comme navigateur. Comme Guly l'a signalé, ce script ne fonctionne pas avec tous les navigateurs.
ancolie- Invité
Re: Curseur
Ok j'ai vu ça marche!Merci bcp pour m'avoir aidé aussi rapidemment!
Honey- Nouveau
- Nombre de messages : 32
Localisation : France
Date d'inscription : 27/06/2005
Re: Curseur
Sinon vous n'avez pas réussi à retrouver la petite danseuse animée?
Honey- Nouveau
- Nombre de messages : 32
Localisation : France
Date d'inscription : 27/06/2005
Re: Curseur
Une question c'est normal que le curseur s'efface par-moment?Il ne dure que le temps où je l'ai installé puis après il part!
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum