nurinaireen ;

Tutorial : Fireworks Cursor Effect {Clicksplosion}

WRITTEN BY NURIN AIREEN ON 4 August 2013 { 8 love note(s) }

Ahaha tengok tajuk -..- Nurin dah tak tau nak letak tajuk apa dah. Puas cari kat google, kat dashboard tapi tak jumpa tutorial ni tsk tsk. Actually Nurin dulu pun dah lama nak buat cursor effect macam ni tapi asyik lupa cari tutorial then tiba2 satu hari ni Nurin terjumpa tutorial kat dashboard. Nurin pun terus tambah kod tu. Dah tak ingat siapa punya tutorial ;AA; Maap ye dah cari tadi tapi tak jumpa sebab dah lama and Nurin pun dah lupa. Taktau maksud clicksplosion ni? Cuba klik kat mana2 dalam blog Nurin.

Lol macam hape dah intro keke. Berkenaan tajuk tu, thanks to here sebab bagi idea nak letak tajuk. Nasib baik jumpa kat google. Tutorial ni direquest daripada adik Denna through cbox Nurin. Credit to the her (akhirnya jumpa jugak ^^)

Simple Template/Denim & yang sewaktu dengannya

Dashboard > Layout > Add a Gadget > HTML/JavaScript > Copy semua kod di bawah > Paste dalam kotak Content > Save

ATAU

Dashboard > Template > Edit HTML > Cari kod <head> > Copy & paste semua kod kat bawah ni di bawah kod <head>

<script type='text/javascript'>
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#F0F2AC', '#FF8080', '#CEF2BF', '#DCBFF2', '#BFE9F2', '#FCE3AC', '#faafba');
//                     blue    red     green   purple cyan    orange pink

/****************************
*   Clicksplosion Effect    *
*(c)2012-3 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
    if (oldonload) oldonload();
    funky();
}
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
var i, j;
window.onscroll=set_scroll;
window.onresize=set_width;
document.onclick=eksplode;
set_width();
set_scroll();
for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
    stars[j]=createDiv('*', 13);
    document.body.appendChild(stars[j]);
}
}}

function createDiv(char, size) {
var div, sty;
div=document.createElement('div');
sty=div.style;
sty.font=size+'px monospace';
sty.position='absolute';
sty.backgroundColor='transparent';
sty.visibility='hidden';
sty.zIndex='101';
div.appendChild(document.createTextNode(char));
return (div);
}

function bang(N) {
var i, Z, A=0;
for (i=sparks*N; i<sparks*(N+1); i++) {
    if (decay[i]) {
      Z=stars[i].style;
      Xpos[i]+=dX[i];
      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
    else {
        Z.left=Xpos[i]+'px';
        Z.top=Ypos[i]+'px';
    }
      if (decay[i]==15) Z.fontSize='7px';
      else if (decay[i]==7) Z.fontSize='2px';
      else if (decay[i]==1) Z.visibility='hidden';
    decay[i]--;
    }
    else A++;
}
if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
var x, y, i, M, Z, N;
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
N=++count%bangs;
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*sparks; i<(N+1)*sparks; i++) {
    Xpos[i]=x;
    Ypos[i]=y-5;
    dY[i]=(Math.random()-0.5)*intensity[N];
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
    decay[i]=16+Math.floor(Math.random()*16);
    Z=stars[i].style;
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
    else Z.color=colours[i%colours.length];
    Z.fontSize='13px';
    Z.visibility='visible';
}
clearTimeout(timers[N]);
bang(N);
}

function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
}
swide=sw_min-7;
shigh=sh_min-7;
}

function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
}
else {
    sdown=0;
    sleft=0;
}
}
// ]]>
</script>

merah - gantikan dengan kod html warna pilihan sendiri {sini} tapi kalau malas takyah tukar pun takpe still jadi firework kan hehe Nurin dulu malas tukar

Selamat mencuba! Tak faham tanya tau! ^^, xoxo

Tutorial : Fireworks Cursor Effect {Clicksplosion}

WRITTEN BY NURIN AIREEN ON 4 August 2013 { 8 love note(s) }

Simple Template/Denim & yang sewaktu dengannya

Dashboard > Layout > Add a Gadget > HTML/JavaScript > Copy semua kod di bawah > Paste dalam kotak Content > Save

ATAU

Dashboard > Template > Edit HTML > Cari kod <head> > Copy & paste semua kod kat bawah ni di bawah kod <head>

<script type='text/javascript'>
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#F0F2AC', '#FF8080', '#CEF2BF', '#DCBFF2', '#BFE9F2', '#FCE3AC', '#faafba');
//                     blue    red     green   purple cyan    orange pink

/****************************
*   Clicksplosion Effect    *
*(c)2012-3 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
    if (oldonload) oldonload();
    funky();
}
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
var i, j;
window.onscroll=set_scroll;
window.onresize=set_width;
document.onclick=eksplode;
set_width();
set_scroll();
for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
    stars[j]=createDiv('*', 13);
    document.body.appendChild(stars[j]);
}
}}

function createDiv(char, size) {
var div, sty;
div=document.createElement('div');
sty=div.style;
sty.font=size+'px monospace';
sty.position='absolute';
sty.backgroundColor='transparent';
sty.visibility='hidden';
sty.zIndex='101';
div.appendChild(document.createTextNode(char));
return (div);
}

function bang(N) {
var i, Z, A=0;
for (i=sparks*N; i<sparks*(N+1); i++) {
    if (decay[i]) {
      Z=stars[i].style;
      Xpos[i]+=dX[i];
      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
    else {
        Z.left=Xpos[i]+'px';
        Z.top=Ypos[i]+'px';
    }
      if (decay[i]==15) Z.fontSize='7px';
      else if (decay[i]==7) Z.fontSize='2px';
      else if (decay[i]==1) Z.visibility='hidden';
    decay[i]--;
    }
    else A++;
}
if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
var x, y, i, M, Z, N;
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
N=++count%bangs;
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*sparks; i<(N+1)*sparks; i++) {
    Xpos[i]=x;
    Ypos[i]=y-5;
    dY[i]=(Math.random()-0.5)*intensity[N];
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
    decay[i]=16+Math.floor(Math.random()*16);
    Z=stars[i].style;
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
    else Z.color=colours[i%colours.length];
    Z.fontSize='13px';
    Z.visibility='visible';
}
clearTimeout(timers[N]);
bang(N);
}

function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
}
swide=sw_min-7;
shigh=sh_min-7;
}

function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
}
else {
    sdown=0;
    sleft=0;
}
}
// ]]>
</script>

merah - gantikan dengan kod html warna pilihan sendiri {sini} tapi kalau malas takyah tukar pun takpe still jadi firework kan hehe Nurin dulu malas tukar

Selamat mencuba! Tak faham tanya tau! ^^, xoxo

Little things about me

I'm a princess in my own world

Abaikan muka saya yang tengah bosan tu lol

Hi! I am Nurin Aireen but, if you are a KPOPPER you have to know me as

WeenJoe ^_^

Currently living somewhere in Seoul, find me via GPS

A proud muslim and Malaysian

Thanks to mom and dad, I can see the world on 4/2/1996 *I really love presents! :p*

As you can see, i am a hardcore kpopper. A kpop fangirl who always ruins her bias list. What is A BIAS?

I come from multi-fandoms. It is a bit hard but, yeah I can survive and loyal until now. Nothing is gonna change.

I believe in ChunJoe and JinChan. I ship them so so so much omg engrish. If you wanna compare them with the one you ship, please not in front of me or I will explode

I'm not a type of fangirl that shipping bias with any girl groups even though I like that girl *sorry! :p*

~~L.joe is my ideal guy, no doubt~~

Pink? I hate it before I got to know Lee Sungyeol and I really asdfghjkl love red together with my "ayam ketot" L.joe. Obsesses with black. Blame Kim Myungsoo for knowing me HAHAHA idk I like black since I was young lol but but myungsoo was born before me lol let's just skip this part =_=

Do talk with me, I am friendly and happy-go-lucky but can be scary sometimes *depend on your attitudes*

Allah S.W.T, Nabi Muhammad S.A.W, my family, my friends, KPOP and of course my hubbies

Daydreaming about my hubbies and I. My life is full of fantasies. LOL

Trying to sing and dance like my idols but always fails

I stan all male groups/bands and for girl group, I stan f(x) because of Amber

But lately I really like to fangirling over other girl groups too such as SNSD, A-Pink, Kara and Hello Venus. I love Taeyeon

Sharing biases. I know it is weird because majority of fangirls don't really like sharing

Antis, haters, hackers, copycats, cheaters and some western artists

Those people that have no respect toward my interest even if they are my close friends

Fanwars. Only immature people will be involved in fanwars

Waiting

Annoying people