The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Code for falling Poppies

View previous topic View next topic Go down

Code for falling Poppies

Post by richard liggins on November 7th 2010, 2:36 pm

Hi All

I run a forum for ex military which is quite popular.

With Rememerance Day next Sunday I am looking at putting falling poppies coming down on the main page..

Would anyone know how this can be achived as in where I can find the code please..

Richie


Last edited by richard liggins on November 7th 2010, 3:03 pm; edited 1 time in total (Reason for editing : Typing error)

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Re: Code for falling Poppies

Post by Agent24 on November 7th 2010, 4:31 pm

What is the forum version?

Agent24
Forumember

Male Posts : 813
Reputation : 72
Language : English, Spanish
Location : California

Back to top Go down

Re: Code for falling Poppies

Post by richard liggins on November 7th 2010, 4:41 pm

@Agent24 wrote:What is the forum version?

Thank you for getting back to me

The forum version is phbBB3

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Re: Code for falling Poppies

Post by Agent24 on November 8th 2010, 2:34 am

I believe that is only for phpbb and punbb as it requires templete editing and phpbb3 doesn't have that as an option. I am not aware that you can do it with css.

Agent24
Forumember

Male Posts : 813
Reputation : 72
Language : English, Spanish
Location : California

Back to top Go down

Re: Code for falling Poppies

Post by Honor on November 8th 2010, 3:59 am

If you can find the code you can use the HomePage Popup to put it in, but sorry, I don't have the code.

Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Re: Code for falling Poppies

Post by richard liggins on November 8th 2010, 3:02 pm

Thank you for the replies.

Yes I have used the main page for snow but need one of poppies.

I am sure it can be done and will have to ask around with someone I know who does IT for a living only trouble is it cost geek

Once again thanks

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Re: Code for falling Poppies

Post by WHITESABBATH on November 8th 2010, 4:16 pm

wish i could help with this one, considering its purpose. It is possible to do via a phpBB3version that i do know. would like this one myself.

WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Re: Code for falling Poppies

Post by Honor on November 8th 2010, 4:32 pm

There's a code for falling leaves somewhere around here...

Code:
<script language="JavaScript1.2">



//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)

//Modified by Dynamic Drive for NS6 functionality

//visit http://www.dynamicdrive.com for this script



//Pre-load your image below!

grphcs=new Array(6)

Image0=new Image();

Image0.src=grphcs[0]="[color=red]al.gif[/color]";

Image1=new Image();

Image1.src=grphcs[1]="[color=red]bl.gif[/color]"

Image2=new Image();

Image2.src=grphcs[2]="[color=red]cl.gif[/color]"

Image3=new Image();

Image3.src=grphcs[3]="[color=red]dl.gif[/color]"

Image4=new Image();

Image4.src=grphcs[4]="[color=red]el.gif[/color]"

Image5=new Image();

Image5.src=grphcs[5]="[color=red]fl.gif[/color]"



Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!

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>

Create six (really tiny) poppy images (smoothness will depend on the file size, the code says). Upload them to your IMGServe, or to TinyPic (whichever you prefer to use), and replace the parts of the code in red with the image links you're given. Smile

Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Re: Code for falling Poppies

Post by richard liggins on November 8th 2010, 9:13 pm

@Honor wrote:There's a code for falling leaves somewhere around here...

Code:
<script language="JavaScript1.2">



//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)

//Modified by Dynamic Drive for NS6 functionality

//visit http://www.dynamicdrive.com for this script



//Pre-load your image below!

grphcs=new Array(6)

Image0=new Image();

Image0.src=grphcs[0]="[color=red]al.gif[/color]";

Image1=new Image();

Image1.src=grphcs[1]="[color=red]bl.gif[/color]"

Image2=new Image();

Image2.src=grphcs[2]="[color=red]cl.gif[/color]"

Image3=new Image();

Image3.src=grphcs[3]="[color=red]dl.gif[/color]"

Image4=new Image();

Image4.src=grphcs[4]="[color=red]el.gif[/color]"

Image5=new Image();

Image5.src=grphcs[5]="[color=red]fl.gif[/color]"



Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!

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>

Create six (really tiny) poppy images (smoothness will depend on the file size, the code says). Upload them to your IMGServe, or to TinyPic (whichever you prefer to use), and replace the parts of the code in red with the image links you're given. Smile

Thank you hopefully it will work not being the best at IT it might take sometime Sad

richard liggins
Forumember

Posts : 150
Reputation : 0
Language : english

Back to top Go down

Re: Code for falling Poppies

Post by Honor on November 9th 2010, 12:23 am

Well if someone with mod powers could edit my code to make the red parts actually red, it would help Razz

Basically look for anything in [color=red] tags and change that.

Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Re: Code for falling Poppies

Post by Agent24 on November 9th 2010, 2:46 am

@Honor wrote:There's a code for falling leaves somewhere around here...

Code:
<script language="JavaScript1.2">



//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)

//Modified by Dynamic Drive for NS6 functionality

//visit http://www.dynamicdrive.com for this script



//Pre-load your image below!

grphcs=new Array(6)

Image0=new Image();

Image0.src=grphcs[0]="[color=red]al.gif[/color]";

Image1=new Image();

Image1.src=grphcs[1]="[color=red]bl.gif[/color]"

Image2=new Image();

Image2.src=grphcs[2]="[color=red]cl.gif[/color]"

Image3=new Image();

Image3.src=grphcs[3]="[color=red]dl.gif[/color]"

Image4=new Image();

Image4.src=grphcs[4]="[color=red]el.gif[/color]"

Image5=new Image();

Image5.src=grphcs[5]="[color=red]fl.gif[/color]"



Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!

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>

Create six (really tiny) poppy images (smoothness will depend on the file size, the code says). Upload them to your IMGServe, or to TinyPic (whichever you prefer to use), and replace the parts of the code in red with the image links you're given. Smile
Youy would need to edit the templates and add that code into it but like I said above, phpbb3 doesn't offer template editing

Agent24
Forumember

Male Posts : 813
Reputation : 72
Language : English, Spanish
Location : California

Back to top Go down

Re: Code for falling Poppies

Post by Honor on November 9th 2010, 3:10 am

No, you put it into the Site Description. Works the same way for PHPBB3.

EDIT:

Sorry, for this size of code, it would go in the Homepage Message.

Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Re: Code for falling Poppies

Post by Eimear on November 12th 2010, 4:01 pm

Falling poppies here

http://www.amarasoftware.com/flash-animations/poppies.html


Having downloaded the flash animation I have uploaded it into an image hosting site...Could you please tell me how to get the poppies to float down the whole page, apart from copying and pasting the code into the Homepage Message Box which only allows them to appear in a section at the top of the page.


Eimear
Forumember

Posts : 25
Reputation : 0
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum