XF 1.5 Is there a rain effect or celebration effect for xenforo?

[borgqueenx]

Basicly i want to let it rain confetti, as a kind of party to celebrate something.

 

[TPerry]

http://iprodev.com/confetti-animation-javascript/
https://codepen.io/linrock/pen/Amdhr
http://rachelkozemczak.com/2013/12/31/a-simple-confetti-animation-built-entirely-with-css3/

 

[borgqueenx]

thanks alot. the first one is a single html file. how do i activate that?

 

[TPerry]

thanks alot. the first one is a single html file. how do i activate that?

Uhhh.. you click on download and then unarchive the contents in the zip file?


But I have a sneaking suspicion you are going to have additional troubles.
Odds are it's a JS file and you are going to have to include it in a template.

 

[borgqueenx]

the download is html, since it says its JS on the site i tried renaming the downloaded html file to js and put a call to it in the logo_block template (wich is also working for my snow effect)
https://xenforo.com/community/threads/snow-effect-for-winter.8640/page-3

according to this link i can just call for the function like <xen:require js="http://cupcakethunder.eu/js/xenforo/confetti.js"/>
But its not working. maybe needs additional parameters to be activated or something, but i dont know.

and that confetti.js thats uploaded to that location is a exact copy of the downloaded html file.

 

[TPerry]

When I clicked on the area where the red box surrounds.. it prompted me to download a ZIP file called confetti.zip.
If you are getting an HTML file, then you are doing something wrong.

 

[borgqueenx]

extract that zip and you will find a single html file.

 

[borgqueenx]

no instructions or something. just that html file

 

[borgqueenx]

i have a confetti effect by a javascript on my website, but it refuses to go on the whole page.
i have included it as a canvas effect in logo_block template with <canvas id='confetti' height='1', width='1'></canvas>
and it makes it render between the navigation bar and where the logo ends.

i have a snow effect in this template file that renders on the whole site. but its not called by canvas.

The css options i have set are there:
#confetti{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -5;}

i can change the position of the CSS but this results it in going down from the logo. not in the logo itself anymore.

 

[Martok]

Wouldn't you put it into PAGE_CONTAINER?

 

[borgqueenx]

thanks that worked =)