[Javasript] étoiles tombent du curseur
Résolu/Fermé
A voir également:
- [Javasript] étoiles tombent du curseur
- Curseur souris disparu - Guide
- Curseur blanc google doc ✓ - Forum Google Docs
- Curseur souris disparu pc portable - Forum Périphériques
- Film ils se détestent puis tombent amoureux - Forum Cinéma / Télé
- Curseur souris disparu pc portable asus - Guide
13 réponses
Salu, ça fait un baie que le thème est là mais si quelqu'un comme moi tombe sur cette réponce, je tenais à vous faire savoir que : Ça fonctionne.
Pour mon cas, dans l'insertion de ce script sur un site web, il vous suffit de copier coller :
à l'endroit ou se situe, où que ce soit, il y est, dans la balise <head>
et le tour est joué. c'est très simple pour le site web, après, les blogs, occune idée ;)
a+
Pour mon cas, dans l'insertion de ce script sur un site web, il vous suffit de copier coller :
<script type="text/javascript">
// <![CDATA[
var colour="#FFFFFF";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
* topcode adapté *
****************************/
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>
à l'endroit ou se situe, où que ce soit, il y est, dans la balise <head>
et le tour est joué. c'est très simple pour le site web, après, les blogs, occune idée ;)
a+
pashmina
Messages postés
688
Date d'inscription
mercredi 16 mai 2007
Statut
Membre
Dernière intervention
5 mai 2010
71
20 déc. 2007 à 12:08
20 déc. 2007 à 12:08
j'ai pas trouvé mais peut etre que ca peut t'aider ca
http://acestgratuit.free.fr/scripts_dhtml/
http://acestgratuit.free.fr/scripts_dhtml/
Christounet
Messages postés
1264
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 388
20 déc. 2007 à 12:15
20 déc. 2007 à 12:15
Rebonjour,
En cherchant encore un peu plus, j'ai trouvé un site contenant du code qui permet de faire tomber des étoiles à partir du curseur:
Autre exemple
A plus
En cherchant encore un peu plus, j'ai trouvé un site contenant du code qui permet de faire tomber des étoiles à partir du curseur:
Autre exemple
A plus
Bonjour a tous!
Bon avec 5 ou 6 mois de retard ça peut toujours servir non?
ludovicdu91, as-tu bien fait attention à mettre le code dans le html de ton site et non pas dans le CSS ? Si ce n'est pas le cas, alors ce code se met dans le html en premier, pas dans la classe body ou autre, dès le début. Du moins pour ma part, moi ça a marcher, parce que je ne suis pas une pro de l'informatique (encore) xD
Bizoux!! =)
Tsub'
Bon avec 5 ou 6 mois de retard ça peut toujours servir non?
ludovicdu91, as-tu bien fait attention à mettre le code dans le html de ton site et non pas dans le CSS ? Si ce n'est pas le cas, alors ce code se met dans le html en premier, pas dans la classe body ou autre, dès le début. Du moins pour ma part, moi ça a marcher, parce que je ne suis pas une pro de l'informatique (encore) xD
Bizoux!! =)
Tsub'
Christounet
Messages postés
1264
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 388
20 déc. 2007 à 12:10
20 déc. 2007 à 12:10
Bonjour,
J'ai trouvé un site qui mets des étoiles sous le curseur et le code se trouve également sur le site:
Etoile curseur
A plus
J'ai trouvé un site qui mets des étoiles sous le curseur et le code se trouve également sur le site:
Etoile curseur
A plus
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
euhh je crois que je suis bete mais bon je ne sais toujours pas ou mettre le code que vous nous fournissez !
Moi j'aimerais le mettre sur blog (skyrock ) !
merci d'avance de votre aide
Moi j'aimerais le mettre sur blog (skyrock ) !
merci d'avance de votre aide
Yoo!
Kitkatboudin, sur skyblog il est à ma connaissance impossible de faire cela tout simplement parce que skyblog ne propose pas de modifier les fichiers html css etc.. du blog. Mais je me trompe peut-etre, je ne suis pas allée sur skyblog depuis longtemps alors peut-etre y a-t-il eu des changements.
Bizoux les geons! =3
Tsubaki-chin, pour vous servir xD
Kitkatboudin, sur skyblog il est à ma connaissance impossible de faire cela tout simplement parce que skyblog ne propose pas de modifier les fichiers html css etc.. du blog. Mais je me trompe peut-etre, je ne suis pas allée sur skyblog depuis longtemps alors peut-etre y a-t-il eu des changements.
Bizoux les geons! =3
Tsubaki-chin, pour vous servir xD
jaja-lyly
Messages postés
5
Date d'inscription
samedi 15 mai 2010
Statut
Membre
Dernière intervention
1 septembre 2010
4
15 mai 2010 à 22:55
15 mai 2010 à 22:55
Dite! jai rien compri! vou pourrier expliker mieu? mici davance!
Fire-W@ll
Messages postés
15
Date d'inscription
lundi 3 novembre 2008
Statut
Membre
Dernière intervention
17 avril 2009
5
4 nov. 2008 à 13:20
4 nov. 2008 à 13:20
Bonjour!
Il faut faire attention à bien mettre le code entre les balises <head> et </head> car c'est du JavaScript.
Si tu mets le code dans ton HTML, ça ne marchera pas.
Cordialement,
Fire-W@ll
Il faut faire attention à bien mettre le code entre les balises <head> et </head> car c'est du JavaScript.
Si tu mets le code dans ton HTML, ça ne marchera pas.
Cordialement,
Fire-W@ll
Tsubaki-chin
Messages postés
4
Date d'inscription
mardi 4 novembre 2008
Statut
Membre
Dernière intervention
19 juin 2010
3
4 nov. 2008 à 13:31
4 nov. 2008 à 13:31
Bonjour! ^^
Ah bon? pourquoi ça a marché sur le mien? Oo T'inquiète pas c'est pas que je ne veuille pas te croire je suis mal placée pour te contredire je pense, mais c'est bizarre que ça marche chez moi, non? mon site qui en fait est un blog : www.mangafanz.canalblog.com
Soreja! =D
Ah bon? pourquoi ça a marché sur le mien? Oo T'inquiète pas c'est pas que je ne veuille pas te croire je suis mal placée pour te contredire je pense, mais c'est bizarre que ça marche chez moi, non? mon site qui en fait est un blog : www.mangafanz.canalblog.com
Soreja! =D
Fire-W@ll
Messages postés
15
Date d'inscription
lundi 3 novembre 2008
Statut
Membre
Dernière intervention
17 avril 2009
5
4 nov. 2008 à 14:11
4 nov. 2008 à 14:11
Salut!
Excuse moi effectivement tu as raison je me suis trompé.
Le code JS tu doit le mettre dans le HTML mais les variables il faut les déclarer dans le header (enfin il me semble)
Cordialement,
Fire-W@ll
Excuse moi effectivement tu as raison je me suis trompé.
Le code JS tu doit le mettre dans le HTML mais les variables il faut les déclarer dans le header (enfin il me semble)
Cordialement,
Fire-W@ll
Recoucou!
Brirbi, tu as un blog canalblog et tu veux mettre le curseur avec les etoiles qui tombent, c'est ça?
Eh bien tu va faire comme moi :
Deja, si ce n'est pas fait, tu vas passer ton blog en mode avancé. Attention! cette action est irreversible! Pour ce faire, tu vas dans "apparence" et tu coche la case "basculer en mode avancé".
Ensuite, toujours dans "apparence", tu clique su "éditer les fichiers de ce modèle"
Tu arrives sur une page ou se trouve un cadre avec du html dedans et un menu déroulant. Dans ce menu, tu vas dans "page d'accueil" (normalement tu y es déjà mais on sais jamais).
Dans le cadre il y a quelque chose comme " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> "
Eh bien avant cette ligne, tu vas inserrer ce code : (pour les étoiles ;D )
<script type="text/javascript">
// <![CDATA[
var colour="#808";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
* topcode adapté *
****************************/
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>
Et voila! Le tour est joué!
Si tu as un quelconque probleme, fais moi signe, je pourrais peut-etre t'aider! ^^
Bye!
Tsubiii x)
Brirbi, tu as un blog canalblog et tu veux mettre le curseur avec les etoiles qui tombent, c'est ça?
Eh bien tu va faire comme moi :
Deja, si ce n'est pas fait, tu vas passer ton blog en mode avancé. Attention! cette action est irreversible! Pour ce faire, tu vas dans "apparence" et tu coche la case "basculer en mode avancé".
Ensuite, toujours dans "apparence", tu clique su "éditer les fichiers de ce modèle"
Tu arrives sur une page ou se trouve un cadre avec du html dedans et un menu déroulant. Dans ce menu, tu vas dans "page d'accueil" (normalement tu y es déjà mais on sais jamais).
Dans le cadre il y a quelque chose comme " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> "
Eh bien avant cette ligne, tu vas inserrer ce code : (pour les étoiles ;D )
<script type="text/javascript">
// <![CDATA[
var colour="#808";
var sparkles=50;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
* topcode adapté *
****************************/
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>
Et voila! Le tour est joué!
Si tu as un quelconque probleme, fais moi signe, je pourrais peut-etre t'aider! ^^
Bye!
Tsubiii x)
tomy2904
Messages postés
324
Date d'inscription
mardi 8 avril 2008
Statut
Membre
Dernière intervention
20 avril 2013
29
2 févr. 2012 à 19:35
2 févr. 2012 à 19:35
Bonjour, voilà je viens de tester votre code et sur une page html sans fond (blanc par défaut), celui-ci fonctionne nickel mais lorsque je le mets sur une page où des scripts sont déjà présents on dirait que celui-ci s'annule.. Avez-vous une idée?
Merci!
Merci!
Tsubaki-chin, j'ai suivi tes instructions pour mon blog sur canalblog, quand je prévisualise, les étoiles apparaissent, alors je valide, mais ensuite, quand je vais voir mon blog, y a plus les étoiles... j'ai un niveau en informatique quasi nul, je pensais que ça marcherait avec tes explications, mais là, je bloque... merci de ton aide!
Thabang
Messages postés
2
Date d'inscription
mercredi 24 mars 2010
Statut
Membre
Dernière intervention
24 mars 2010
Modifié par Thabang le 24/03/2010 à 14:28
Modifié par Thabang le 24/03/2010 à 14:28
Sur Blogger, il faut aller à un autre endroit que sur Canal blog. Dans l'éditeur du blog, aller dans l'onglet "Mise en page", cliquer sur la barre latérale "Ajouter un gadget". Choisissez dans le Menu déroulant "HTML/JavaScript", dans "titre", mettre: étoiles. Dans l'espace "Contenu", copier-coller le code Java ci-dessus(à partir de la ligne:<script type="text/javascript"> jusqu'à la dernière ligne: </script> , puis cliquer sur "Enregistrer". Pour changer la couleur des étoiles, il suffit de changer le code en haut, 3ème ligne: par exemple pour les mettre en blanc: var colour="#FFFFFF";
Le code Java de Tsubaki-chin fonctionne parfaitement sur tout script HTML et quelque soit l'hébergeur (canalblog, blogger et autres pour les blogs comme pour autres hebergeurs site web (à condition d'avoir accès au code)).
L'avantage de ce java-script est de pouvoir être modifié sur l'ensemble des paramêtre: couleur, vitesse etc...
Autre avantage, il est indépendant d'un hébergeur (style lien rapide sur une url que l'hébergeur peut à tout moment modifier (sans vous prévenir))
Merci à Tsubaki-chin pour son aide
L'avantage de ce java-script est de pouvoir être modifié sur l'ensemble des paramêtre: couleur, vitesse etc...
Autre avantage, il est indépendant d'un hébergeur (style lien rapide sur une url que l'hébergeur peut à tout moment modifier (sans vous prévenir))
Merci à Tsubaki-chin pour son aide
tomy2904
Messages postés
324
Date d'inscription
mardi 8 avril 2008
Statut
Membre
Dernière intervention
20 avril 2013
29
10 févr. 2012 à 15:34
10 févr. 2012 à 15:34
Bonjour, voilà je viens de tester le script de Tsubaki-chin et sur une page html sans fond (blanc par défaut), celui-ci fonctionne nickel mais lorsque je le mets sur une page où des scripts sont déjà présents on dirait que celui-ci s'annule.. Avez-vous une idée?
Merci!
Merci!
tomy2904
Messages postés
324
Date d'inscription
mardi 8 avril 2008
Statut
Membre
Dernière intervention
20 avril 2013
29
11 févr. 2012 à 11:37
11 févr. 2012 à 11:37
Le mien n'est pas un blog, c'est un site normal html css avec javascript.. Mais apparemment ça ne fonctionne pas chez moi..
17 juin 2012 à 14:25
4 nov. 2015 à 15:58
11 févr. 2016 à 00:28