tcmarlieux
464 messages
|
posté le 2008-03-19 à 22:41:41
voila le code a mettre en bas de page version payante seulement  deuxieme ligne var colour="#....." pour changer la couleur ou sinon directement ici [lien]
Voyez le resultat sur ma page d'accueil [lien]
<script type="text/javascript">
var colour="#00ff00";
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>
Dernière modification le 19-03-2008 à 22:44:03
Dernière modification le 19-03-2008 à 22:45:52
|
Le Club qui respire le Tennis 24h/24
|
lafaucheuse
Site/blog
2878 messages
|
posté le 2008-03-20 à 13:15:41
Bonjour tcmarlieux,
J'avais ce curseur sur mon site, le code était presque le même, mais y'a un truc qui est gênant:il provoque un scrolling en bas et à droite de chaque feuille. J'ai cherché en vain une solution. Peut-être que c'est propre au trail. Tu as une idée? 
|
|
Memphis
Site/blog
1642 messages
|
posté le 2008-03-21 à 08:39:36
Bonjour et merciiii Champion !
Mes bipèdes ont essayé et maintenant il y a plein de petites étoiles bleues qui cascadent sur mon blog ; j'adore.
Par contre ce qui serait bien c'est que le curseur soit remplacé par une empreinte de patte de chien (évidemment) ; comment avez-vous fait pour la petite balle jaune ?
J'aime beaucoup les petites balles jaunes; j'en ai une pour m'amuser et je ne l'ai même pas mangée.
Bonne journée 
Dernière modification le 21-03-2008 à 08:40:38
Dernière modification le 21-03-2008 à 08:41:18
|
|
tcmarlieux
464 messages
|
posté le 2008-03-21 à 13:55:09
slt Memphis,
va sur des sites de curseurs
pour chien c'est ici [lien]
rentre le code ce dessous en bordure de page
<style><!--BODY{ cursor:url("http://patmax.info/curseurs/??????.cur"); }--></style>
et voilou !!
non je n'ai pas de scrolling chez moi ça marche nickel !
|
Le Club qui respire le Tennis 24h/24
|
Françoise
Site/blog
1697 messages
|
posté le 2008-03-22 à 08:24:33
Coucou les amis,
C'est super ce site, il n'y a que l'embarras du choix !
Memphis, pour la patte, il y a une patte de loup : [lien]
|
|
|
|
Nana
Site/blog
20332 messages
|
posté le 2008-03-24 à 19:15:15
Memphis, dis à tes maîtres de m'envoyer l'image, je vais voir ce qu'on peut trafiquer avec. :p2
Slapette pour toi
|
|
|
|
|
leptimondedesofiane
Site/blog
197 messages
|
posté le 2008-03-27 à 16:43:45
Bonjour,
J'ai insérer le code donné par tcmarlieux pour avoir une pluie d'étoiles avec mon curseur.
Ca marche juste en haut de ma page d'accueil mais
le gros problème c'est que dans mon espace de gestion ma page d'accueil est bloquée (blanche) et je ne peut plus rien faire. 
Pouvez vous me donner une solution pour la récupérer et ne pas tout devoir recommancer.
Dans l'attente , merci beaucoup
Dernière modification le 27-03-2008 à 16:45:13
Dernière modification le 27-03-2008 à 16:45:23
|
|
tcmarlieux
464 messages
|
posté le 2008-03-28 à 14:32:47
salut
tu dois être en version gratuite et c'est du javascript...ce n'est pas faute de vous avoir prévenu !!
pas de pb pour récupérer ta page d'accueil tu te mets en mode html tu selectionnes toute ta page de codes tu crees un article tu copies le code dans cet article en bas de ta page d'accueil tu cliques sur restaurer ma page d'accueil une fois tout effacé tu rentres à nouveau ton code html et tu décliques la fonction hmtl et voila !
|
Le Club qui respire le Tennis 24h/24
|
adele44
Site/blog
330 messages
|
posté le 2009-03-04 à 00:03:32
j'ai mis le code, mais comment changer de couleur???
En fait je sais que c'est dans la deuzieme ligne, mais où trouver les codes couleurs???? 
|
adele44
Le vrai bonheur ne dépend d'aucun être, d'aucun objet extérieur. Il ne dépend que de nous... «
[Dalaï Lama]
|
C GODEAU
Site/blog
3 messages
|
posté le 2012-02-04 à 19:41:40
Un très beau blog, intéressant à regarder et lire. A bientôt. CG
http://secourspopulairestgirons.blog4ever.com/blog/index-381128.html
|
CG
|
WEBMASTER
... PRIVATE
!
, les neurones fument, fument 
et Memphis se fait de la bile 
|
Espace de gestion
|
Annuaire des blogs