défilement étoile pour curseur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu défilement étoile pour curseur

Message par toutounette le Mer 8 Mai 2013 - 12:21

bonjours a tous

voila j'ai fait une recherche sur internet ne trouvant pas ici pour avoir un défilement d'étoile derrière le curseur de souris mais comme j'y connais pas grand chose au feuille CSS et tout ca je lue mais bon j'ose pas peur de faire une connerie vue que c'est pas moi la créatrice bref .....

donc j'ai trouver un code HTML et j'aimerais savoir (c'est la ou vous pouvez peut être rentré en jeux )si on pouvez mettre les étoiles en couleur car la les étoile son casi de la même couleur que mon fond d'écran !!!!

et j'aimerais s'avoir ou bien le placer ou alors avec quel code car la je les que sur la page d'accueil des que je vais sur un sujet ou autre les étoiles n'y son plus

voici le lien que j'ai :

<script type="text/javascript">
_uacct = "UA-994360-1";
urchinTracker();
</script><script type="text/javascript">
var colour="#7C5B1A";
var sparkles=50;
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>

voila si vous pouvez me renseigner merci !!!!


Dernière édition par toutounette le Jeu 9 Mai 2013 - 15:54, édité 1 fois

toutounette
*

Messages : 30
Inscrit(e) le : 01/05/2013

http://bouledogue.forumactif.com/forum
toutounette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: défilement étoile pour curseur

Message par MlleAlys le Jeu 9 Mai 2013 - 12:43

si tu cherches une pluie d'étoile tombant de la souris quand elle bouge, tu peux regarder ici : http://astuforum.free.fr/?p=163

le code peut se mettre directement dans la description du forum si tu veux l'effet sur toutes les pages :
Général > Forum > Configuration > Général > Description du site

enfin en tout cas, c'est que j'avais fait et ça avait fonctionné xP

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: défilement étoile pour curseur

Message par toutounette le Jeu 9 Mai 2013 - 14:10

@MlleAlys a écrit:si tu cherches une pluie d'étoile tombant de la souris quand elle bouge, tu peux regarder ici : http://astuforum.free.fr/?p=163

le code peut se mettre directement dans la description du forum si tu veux l'effet sur toutes les pages :
Général > Forum > Configuration > Général > Description du site

enfin en tout cas, c'est que j'avais fait et ça avait fonctionné xP

oui c'est exactement ca merci beaucoup je suis ravie

par contre j'ai essayé comme tu ma dit mais ca marche pas !!!!!
j'ai essayé comme j'avais fait est ca marche pas non plus quelqu'un peut t'il me dire comment mettre se lien et ou le mettre pour qu'il soit sur tout le fofo merci !!!!

<script language=javascript src="http://astuforum.free.fr/js/etoiles-cur.js" /></script>

toutounette
*

Messages : 30
Inscrit(e) le : 01/05/2013

http://bouledogue.forumactif.com/forum
toutounette a été remercié(e) par l'auteur de ce sujet.

Résolu Re: défilement étoile pour curseur

Message par MlleAlys le Jeu 9 Mai 2013 - 14:25

c'est étrange, sur mon forum, ça fonctionne bien... oo

essaye alors comme ça :
- crée un nouveau code javascript dans
Modules > Html et Javascript > gestion des codes javascript > ajout créer un nouveau code Javascript
- en titre tu mets par exemple "étoiles", ou autre chose comme tu veux xP
- tu coches la case "sur toutes les pages"
- dans la partie code tu colles ça :
Code:
$(function() {
  $.getScript("http://astuforum.free.fr/js/etoiles-cur.js")
});
(tu peux remarquer que le lien entre parenthèses correspond à celui du code fourni par le site, si tu veux changer de code, il te suffira de changer ce lien ^^)
- tu valides
- vérifie que la gestion des codes javascript est activée (toujours dans "gestion des codes javascript", juste au dessus de la liste des codes)
- et normalement ça fonctionne sur ton forum dès que tu actualises ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: défilement étoile pour curseur

Message par toutounette le Jeu 9 Mai 2013 - 15:54

@MlleAlys a écrit:c'est étrange, sur mon forum, ça fonctionne bien... oo

essaye alors comme ça :
- crée un nouveau code javascript dans
Modules > Html et Javascript > gestion des codes javascript > ajout créer un nouveau code Javascript
- en titre tu mets par exemple "étoiles", ou autre chose comme tu veux xP
- tu coches la case "sur toutes les pages"
- dans la partie code tu colles ça :
Code:
$(function() {
  $.getScript("http://astuforum.free.fr/js/etoiles-cur.js")
});
(tu peux remarquer que le lien entre parenthèses correspond à celui du code fourni par le site, si tu veux changer de code, il te suffira de changer ce lien ^^)
- tu valides
- vérifie que la gestion des codes javascript est activée (toujours dans "gestion des codes javascript", juste au dessus de la liste des codes)
- et normalement ça fonctionne sur ton forum dès que tu actualises ^^



10000 merci Bizz Bizz Bizz je suis ravie ca fonctionne Sourire2 Sourire2 Sourire2 merci merci merci

toutounette
*

Messages : 30
Inscrit(e) le : 01/05/2013

http://bouledogue.forumactif.com/forum
toutounette a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum