[Nudaii] New Years Animated Fireworks [Deleted]

[Nudaii]

RRWS submitted a new resource:

[RRWS] New Years Animated Fireworks - Add some Fireworks to your Logo!

Simple addon i threw together after seeing someone request it.#
View attachment 125220

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...

Read more about this resource...

 

[iTuN3r]

Do you have a live demo ?

 

[Nudaii]

temporary demo on my spare license, will be using license for project in new year so only for a few days using here
http://christiangeekhost.com/index.php

 

[iTuN3r]

temporary demo on my spare license, will be using license for project in new year so only for a few days using here
http://christiangeekhost.com/index.php

Do you think we can replace those gif's with other ones and make it work ? I might give this a shot in few hours.

 

[Nudaii]

yeah any transparent gif should work that was just the first public domain one i found

 

[Nudaii]

if anyone wants fireworks left and right

edit template rrws_fireworks_header

<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>

 

[Veer]

@RRWS and how to display it in top center?

 

[Nudaii]

I believe if you set it to left:50%; in the template that should do it, cannot however be 100% sure as on mobile ATM.

 

[iTuN3r]

@RRWS and how to display it in top center?

Play around css template you can !! It's pretty simple and works great . Thanks @RRWS for this and Happy New Year.

 

[Nudaii]

This resource has been removed and is no longer available.