XF 1.4 Animated background

[mauzao9]

Heya.

I am trying to implement something like this http://www.script-tutorials.com/night-sky-with-twinkling-stars/
on my forum.

I love what we can do with CSS, however i end up frustrated because no matter where i place the div, it always overlaps something.

What am i doing wrong?

 

[mauzao9]

The way Xenforo Templates / Style Properties are making incredible hard to know where to place such DIVs to call the background.

 

[Brad P]

Would it not be added through
style properties > general > HTML

Add your background in there

 

[mauzao9]

Would it not be added through
style properties > general > HTML

Add your background in there

I still need a place to call it,
<div class="stars"></div>
<div class="twinkling"></div>

The animation is caused by multiple layers.

 

[Steve F]

I still need a place to call it,
<div class="stars"></div>
<div class="twinkling"></div>

The animation is caused by multiple layers.

In the PAGE_CONTAINER template search for

<xen:hook name="body">

Add the code under that, then add the CSS to EXTRA.css if you haven't already. In the CSS change all the z-index: 's to 0.