- Compatible XF Versions
- 1.2
- 1.3
- 1.4
- 1.5
Simple addon i threw together after seeing someone request it.#
Install:
Install XML File.
Optional Steps:
By default the fireworks are positioned to work with the default Xenforo theme, you can change the position in template rrws_fireworks_header via css
Also by default the img is hosted on a image sharing site, the image is however also in the zip if you wish to host on your own server, you can change the image path in template rrws_fireworks_header to reflect to your locally hosted copy.
If you wish Fireworks on left and right replace rrws_fireworks_header contents with

Install:
Install XML File.
Optional Steps:
By default the fireworks are positioned to work with the default Xenforo theme, you can change the position in template rrws_fireworks_header via css

Also by default the img is hosted on a image sharing site, the image is however also in the zip if you wish to host on your own server, you can change the image path in template rrws_fireworks_header to reflect to your locally hosted copy.
If you wish Fireworks on left and right replace rrws_fireworks_header contents with
Code:
<style>
#rrws_fireworks_left {
position: absolute;
z-index: 10000;
top: 10px;
left: 10px;
}
@media (max-width: @maxResponsiveMediumWidth) {
#rrws_fireworks_left {
position: absolute;
z-index: 10000;
top: 0px;
left: 10px;
}
}
#rrws_fireworks_right {
position: absolute;
z-index: 10000;
top: 10px;
right: 10px;
}
@media (max-width: @maxResponsiveMediumWidth) {
#rrws_fireworks_right {
display:none;
}
}
</style>
<div id="rrws_fireworks_left">
<img src="http://i.imgur.com/OCMYImj.gif" alt="fireworks" title="fireworks" width="120px" height="40px"/>
</div>
<div id="rrws_fireworks_right">
<img src="http://i.imgur.com/OCMYImj.gif" alt="fireworks" title="fireworks" width="120px" height="40px"/>
</div>