It is currently Fri 30 Sep 2016 - 05:12 - créer un forum

[Tuto] Une pluie d'image sur votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 324, 25, 2647, 48, 49  >

[Tuto] Une pluie d'image sur votre forum
Author Message
Belle_ombre





PostPosted: Sat 20 Dec 2008 - 00:53    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Merci beaucoup ça marche  Very Happy
Author Message
Belle_ombre


Offline
Guest




PostPosted: Sat 20 Dec 2008 - 01:08    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai une autre question

vous voyez les flocons vont tous sur la gauche du forum et a droite ça fait une bande ou jamais un flocon ne passe, serais t'il possible de plus le centré?


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 20 Dec 2008 - 01:12    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

C'est un défaut de ce script sur certains thèmes
Dans ce cas utilisez les troisième code
Supprimez le code de neige dans votre template et copiez celui-ci après la balise body :

Code: Sélectionner - Agrandir
 <script language="JavaScript1.2">
 
//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)
//Adapté et modifié par grenadine.net
//Visiter le site original http://www.dynamicdrive.com pour le script Automn leaves
 
//Série d'images
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://img4.xooimage.com/files/1/9/f/flocon_neige1-ac484.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://img46.xooimage.com/files/9/7/c/flocon_neige2-85007b.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://img44.xooimage.com/files/4/3/2/flocon_neige3-85009c.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://img41.xooimage.com/files/1/0/9/flocon_neige4-850151.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://img45.xooimage.com/files/d/c/c/flocon_neige5-85016c.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://img46.xooimage.com/files/f/1/4/flocon_neige6-850179.gif" 
 
Amount=12; //Nombre d'images - le plus "légers" sont les gifs, le plus d'images on peu se permettre
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
 
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){                                                                 
 Ypos[i] = Math.round(Math.random()*WinHeight);
 Xpos[i] = Math.round(Math.random()*WinWidth);
 Speed[i]= Math.random()*5+3;
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;

Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
 
window.onload=fall
//-->
</script>

_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Belle_ombre


Offline
Guest




PostPosted: Sat 20 Dec 2008 - 01:21    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

je le trouve pas ^^'

Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 20 Dec 2008 - 01:30    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Faisons plus simple, collez le code donné juste avant
Code: Sélectionner - Agrandir
<a name="top"></a>

dans votre template overall header.tpl

Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Belle_ombre


Offline
Guest




PostPosted: Sat 20 Dec 2008 - 01:38    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Merci j'ai trouvé ^^

Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 20 Dec 2008 - 01:42    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai oublié, pour mettre vos propres images de flocons, modifiez les url dans cette partie du code :

Code: Sélectionner - Agrandir

//Série d'images
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://img4.xooimage.com/files/1/9/f/flocon_neige1-ac484.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://img46.xooimage.com/files/9/7/c/flocon_neige2-85007b.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://img44.xooimage.com/files/4/3/2/flocon_neige3-85009c.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://img41.xooimage.com/files/1/0/9/flocon_neige4-850151.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://img45.xooimage.com/files/d/c/c/flocon_neige5-85016c.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://img46.xooimage.com/files/f/1/4/flocon_neige6-850179.gif"  


Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
fanathitude
Membre


Offline
Membre

Joined: 28 Nov 2007
Posts: 72
Point(s): 72
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Sat 20 Dec 2008 - 15:10    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Smile merci themalin,ça a marcher pour la neige,tu es vraiment cool,merci
pour le reste toujours au même point(musique sur page acceuil en invisible!) undecided


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 20 Dec 2008 - 15:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

pour la musique comme indiqué dans l'autre tuto tu as juste à donner le code que tu as mis pour le modifier

post dans l'autre tuto
_______________________


Forum
Author Message
olihurel


Offline
Guest




PostPosted: Sat 20 Dec 2008 - 21:26    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

j'ai réussi
super les flocons c'est la saison en plus


Author Message
laurentso


Offline
Guest




PostPosted: Sun 21 Dec 2008 - 20:04    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonsoir
La version 3 marche du tonnerre ! Bravo  !

Par contre elle n'est pas simple à "bidouiller". Nous voudrions rajouter, en plus des flocons qui tombent, une image d'un Père Noel qui se promène (par exemple), sur la page d'index. Nous pourrions superposer la V2 avec une image, mais cela semble lourd, et cela donne une descente un peu heurtée.
Y'a-t-il une solution plus simple.
PS : si l'image ne descend pas seulement, c'est encore mieux ! Smile

Merci


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sun 21 Dec 2008 - 20:05    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Bonjour

Par contre elle n'est pas simple à "bidouiller". Nous voudrions rajouter, en plus des flocons qui tombent, une image d'un Père Noel qui se promène (par exemple), sur la page d'index.

>> Utilisez une image gif avec un pere noel qui se promène tout simplement

Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
laurentso


Offline
Guest




PostPosted: Sun 21 Dec 2008 - 20:14    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Attendez cela parait simple pour vous, mais moins pour moi. Vous voulez dire qu'on peut se passer des programmes décrits ici ? On place l'image dans "index body" par exemple ? Mais à quel endroit?

Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sun 21 Dec 2008 - 20:16    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

Ben vous cherchez sur google un bandeau avec un pere noel qui marche puis vous placez l'image sur le forum à l'endroit que vous voulez
C'est plus simple Smile

EDIT : un peu dans ce genre http://yves.marsal.free.fr/mygnoel_lignes_01.htm
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
laurentso


Offline
Guest




PostPosted: Sun 21 Dec 2008 - 20:38    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

J'ai dû mal m'exprimer, je voudrais que l'image se promène de part et d'autre de l'écran, un peu au hasard. Mais peut etre que sur notre thème (flowers of evil, de lame d'ange) cela n'est pas immédiat.

Author Message
crom@gnon


Offline
Guest




PostPosted: Tue 23 Dec 2008 - 12:09    Post subject: [Tuto] Une pluie d'image sur votre forum Reply with quote

olihurel wrote:
j'ai réussi
super les flocons c'est la saison en plus
Super ton forum avec la neige et la musique. Par contre je voudrais faire la même chose, mais sur le portail. Si tu pouvais m'indiquer la marche à suivre ce serait sympa.

Author Message
Contenu Sponsorisé





PostPosted: Today at 05:12    Post subject: [Tuto] Une pluie d'image sur votre forum

Display posts from previous:   
Reply to topic Page 25 of 49 Goto page: <  1, 2, 324, 25, 2647, 48, 49  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401