PDA

View Full Version : Forum Home Enhancements - Fireworks Display


TheInsaneManiac
07-03-2008, 10:00 PM
Want to put on a show for your members on the 4th of July? Then this modification is for you! It will display a fireworks show on the FORUMHOME.

rooban12
07-04-2008, 05:49 PM
can you explain .. how to install it?

marc2005
07-04-2008, 05:51 PM
Have a look first. :D

TheInsaneManiac
07-04-2008, 05:51 PM
can you explain .. how to install it?
Import the product and upload fireworks.js to your clientscript folder.

GraNdMaStEr-B
07-04-2008, 05:51 PM
and or a demo?

TheInsaneManiac
07-04-2008, 05:52 PM
and or a demo?
It's pretty obvious. It just shows firework explosions.

rooban12
07-04-2008, 05:53 PM
thanks TheInsaneManiac

TheInsaneManiac
07-04-2008, 05:54 PM
thanks TheInsaneManiac
NP. Just to be more descriptive, it looks like when those rockets go up in the air and explode particles.

rooban12
07-04-2008, 05:56 PM
I have installed but it doesnt show anything http://www.lovetack.com/home/index.php?

TheInsaneManiac
07-04-2008, 06:08 PM
I have installed but it doesnt show anything http://www.lovetack.com/home/index.php?
Are you sure you imported the product? I have looked at your page source and where it should have been added is not there.

rooban12
07-04-2008, 06:09 PM
I have imported the producted and enable it.

rooban12
07-04-2008, 06:10 PM
do you wanna check my admin cp?

SwollenCranium
07-04-2008, 06:14 PM
Too small ... too fast.

Thanks anyway !

TheInsaneManiac
07-04-2008, 06:14 PM
do you wanna check my admin cp?
Sure. I sent you a private message. I made this modification unsupported and I end up supporting it anyway lol.

rooban12
07-04-2008, 06:29 PM
itsorking nwwwwwwwwwwwwwwww:D
thanks alot:up::up::up::up::up:

rooban12
07-04-2008, 06:29 PM
itsorking nwwwwwwwwwwwwwwww:D
thanks alot:up::up::up::up::up:

TheInsaneManiac
07-04-2008, 06:32 PM
itsorking nwwwwwwwwwwwwwwww:D
thanks alot:up::up::up::up::up:
No problem. It was actually your advertisement script. You had it at the very top of the code, so my plugin found it's search string inside of your advertisement code.

Tulsa
07-04-2008, 06:40 PM
how do we make the objects a bit bigger?

desibw
07-04-2008, 06:44 PM
thanks lot ...
wht too small pls make bit bigger

TheInsaneManiac
07-04-2008, 07:12 PM
how do we make the objects a bit bigger?
Open vbulletin_fireworks.js and replace the red number (pretty much all of the number 1s) in the following code with how big you would like it. Keep in mind that the bigger it is, the more they become squares. They are pixels after all and pixels are squares.

if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

var showerCol = new Array('#000000','#ff0000','#000000','#00ff00','#ff 00ff','#ffffff','#ffa500','#000000','#fff000');
var launchCol = new Array('#ffa500','#00ff00','#ffaaff','#fff000','#ff ffff');
var launchColour = "#00ff00";
var rs = 30;
var y = 200;
var x = 200;
var h;
var w;
var xs = 190;
var t = null;
var ss = 1;
var e = 360/14;
var f = new Array();
var c1 = -1;
var c2 = 5;
var r;

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var o;
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var n = 14;
var idx = 1;


for (i = 0; i < n; i++){
if ( document.getElementById(idx+i) ){
idx = (idx+=(n));
}
}


for (i = 0; i < n; i++){
document.write('<div id='+(idx+i)+' style="position:absolute;top:0px;left:0px;'
+'height:1px;width:1px;font-size:1px;background-color:'+launchColour+'"><\/div>');
}


if (domWw) r = window;
else{
if (document.documentElement &&
typeof document.documentElement.clientWidth == "number" &&
document.documentElement.clientWidth != 0)
r = document.documentElement;
else{
if (document.body &&
typeof document.body.clientWidth == "number")
r = document.body;
}
}


function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}


function wndwsz(){
if (domWw){
h = r.innerHeight;
w = r.innerWidth;
}
else{
h = r.clientHeight;
w = r.clientWidth;
}
o = (w >= h)?h:w;
}


function rst(){
c1 = 0;
launchColour = launchCol[Math.floor(Math.random() * launchCol.length)];
xs = Math.round(100+Math.random() * (o/4));
y = xs + Math.round(Math.random() * (h-(xs*2.2))) + scrl(0);
x = xs + Math.round(Math.random() * (w-(xs*2.2))) + scrl(1);
ss = 1;
for (i=0; i < n; i++){
f[i].backgroundColor = launchColour;
f[i].width = ss + pix;
f[i].height = ss + pix;
f[i].fontSize = ss + pix;
}
dsply();
}


function dsply(){
c1 += c2;
t = setTimeout(dsply,rs);
for (i =0; i < n; i++){
f[i].top = y + xs * Math.sin(i*e*Math.PI/180) * Math.sin(c1/100) + pix;
f[i].left= x + xs * Math.cos(i*e*Math.PI/180) * Math.sin(c1/100) + pix;
if (c1 > 100){
ss = (xs < 150)?1:Math.round(1+Math.random()*2);
f[i].backgroundColor = showerCol[Math.floor(Math.random()*showerCol.length)];
f[i].width = ss + pix;
f[i].height = ss + pix;
f[i].fontSize = ss + pix;
}
}
if (c1 > 160){
clearTimeout(t);
rst();
}
}


function init(){
wndwsz();
for (i = 0; i < n; i++){
f[i] = document.getElementById(idx+i).style;
}
var strt = Math.floor(500+Math.random()*2000);
setTimeout(dsply,strt);
}


if (window.addEventListener){
window.addEventListener("resize",wndwsz,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",wndwsz);
window.attachEvent("onload",init);
}

})();
}

m002.p
07-04-2008, 07:23 PM
lol supporting non supported modifications is always a hard one for any coder ;)

Nice mod, but I use Seasonal Forum Effects which also has a firework option.

Good Job anyhow :)

tazzarkin
07-04-2008, 07:34 PM
LOL. Maybe he is not from a country that uses fireworks...

AWESOME MOD! It's the small things that make coding fun.
--------------------
It's pretty obvious. It just shows firework explosions.
--------------------
Originally Posted by GraNdMaStEr-B
and or a demo?

neto614
07-04-2008, 08:02 PM
THANKS WORKING GREAT :up::up:

Canto
07-04-2008, 10:04 PM
This was kinda cool :P

Demo: http://www.stargategamingclan.com/ (The demo is only up for today, 4th of July)

++ Installed

verino
07-04-2008, 10:12 PM
Sure. I sent you a private message. I made this modification unsupported and I end up supporting it anyway lol.

:lol: this can be used for any other special occasion right ?

Thank's

TheInsaneManiac
07-04-2008, 10:41 PM
lol supporting non supported modifications is always a hard one for any coder ;)

Lol. Yup.

:lol: this can be used for any other special occasion right ?
Yea. I'm not limiting you to just the 4th of July lol. Use it for Christmas too :D.

Tulsa
07-04-2008, 11:04 PM
Open vbulletin_fireworks.js and replace the red number (pretty much all of the number 1s) in the following code with how big you would like it. Keep in mind that the bigger it is, the more they become squares. They are pixels after all and pixels are squares.



Setting these at 2 was much better thank you.

tazzarkin
07-06-2008, 08:10 PM
:lol: this can be used for any other special occasion right ?

Thank's

----------------------------------------------

No, it is limited to the 4th of July.

TheInsaneManiac
07-06-2008, 10:57 PM
----------------------------------------------

No, it is limited to the 4th of July.
Haha

SatSeeker
07-03-2009, 10:32 PM
Thank you!

AdrianH
07-04-2009, 10:58 AM
Fireworks??????? Miniscule black dots that most people cannot see.

Tried and removed.

TheInsaneManiac
07-02-2013, 06:13 AM
4.x.x version - click here (https://vborg.vbsupport.ru/showthread.php?p=2431642)
3.7.x version - click here (https://vborg.vbsupport.ru/showthread.php?t=217812)