كود البرق

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة الرأس HEAD

/*****************************************
* Visit our site at http://www.elahmad.com/ for more code

***********************************************/
<!--
ie4=document.all?1:0;
ns4=document.layers?1:0;
ns5=(document.getElementById && !document.all)?1:0;

function init(){
  // Bolt has an aura? (true | false) // takes twice as long to strike
  aura=false;
  bcolor="white";
  acolor="blue";

// Make background color flash? (true | false)
  flash=true;
  skyNorm="black";
  skyFlash="#000050";
  if (flash) document.bgColor=skyNorm;

// nbs = Number of main bolt segments
  nbs = 50;
  ct=0;
  // Font sizes for lightning bolt and aura segments
  fsb=shi*.3;
  fsf=shi*.2;
  fsbi=shi*.2;
  fsfi=shi*.12;
  fsbii=shi*.12;
  fsfii=shi*.07;

xpos=cswi; ypos=0;
  if (ns5) ark = document.getElementById("ark");
 if (ns4) {

ol=document.layers["ark"];
  ol = new Layer(swi);
  ol.left = 0;
  ol.top = 0;
  ol.height = shi;
  ol.zIndex=1;
  ol.visibility = "hide";

ret="<STYLE TYPE='text/css'>";
  for (i=1;i<10;i++){
    ret+="DIV.bolt"+i+" {position:absolute; font-style:'Times New Roman'; font-size:"+(fsf*i/9)+"px; color:"+bcolor+"; visibility:inherit; z-index:1}";
    if (aura) ret+="DIV.bolta"+i+" {position:absolute; font-style:'Times New Roman'; font-size:"+(fsf*1.3*i/9)+"px; color:blue; visibility:inherit; z-index:0}";
  }   ret+="</STYLE>";

for (fs=1;fs<10;fs++)
    for (i=1;i<nbs;i++) {
      if (aura) ret+="<DIV id=a"+i+"f"+fs+" class=bolta"+fs+">.</DIV>";
      ret+="<DIV id=s"+i+"f"+fs+" class=bolt"+fs+">.</DIV>";
    }

//ol.document.open();
  ol.document.write(ret);
  ol.document.close();
 }
  Time1=setTimeout("mainplot()",100);
}

function mainplot()
{
  lang=0;
  xpos=Math.random()*cswi+cswi/2; ypos=0; fs=9; fsi=8
  deg=Math.random()*30-15+((xpos<cswi)? +15:-15);
  jag=Math.round(Math.random()*100)/100;
  zag=Math.round(Math.random()*100)/100;
  cur=Math.round((.5 * (Math.random()*10-5))*100)/100;
  ion=(Math.random()>.5)? 1:-1;
  //status=" "+ct+" Divs   "+format(jag)+" jag   "+format(zag)+" zag   "+cur+" curve"; ct=0;

if (ns4)
  {
   for (i=1;i<nbs;i++) {
    ang=Math.random()*jag*90-jag*45;
    if (Math.random()+.05>zag) lang=Math.random()*zag*90-zag*45; 
    ang+=lang;
    ct++;
   if (Math.random()*10>9.5 && fsi>1) {fsi--; leg1();}
    xpos+=Math.sin((deg+(ang+i*cur))/57.3)*(fsf*fs/9)*.07;
    ypos+=Math.abs(Math.cos((deg+(ang+i*cur))/57.3)*(fsf*fs/9)*.07);  //fsb=fsf*1.5;
    if (aura) { ol.document.layers["a"+i+"f"+fs].moveTo(xpos-(fsf*1.3*fs/9)*.125,ypos-(fsf*1.3*fs/9)*.85); ct++;}
    ol.document.layers["s"+i+"f"+fs].moveTo(xpos-(fsf*fs/9)*.125,ypos-(fsf*fs/9)*.85);
    if (ypos>shi || xpos<0 || xpos>swi) i=nbs;
   }
  //status=" "+ct+" Divs   "+format(jag)+" jag   "+format(zag)+" zag   "+cur+" curve";
  ol.resizeTo(swi,shi);
  Time1=setTimeout("light()",100);
  }

if (ie4 || ns5) { 
  // Rewriting layers can be faster than repositioning in internet explorer
  ret="";
  fsf=shi*.2;
  for (i=1;i<nbs;i++)
  {
    ang=Math.random()*jag*90-jag*45;
    if (Math.random()+.05>zag) lang=Math.random()*zag*90-zag*45; 
    ang+=lang;
    ct++;
    if (Math.random()*10>9.5) {fsfi=fsf*.6; fsf*=.95; leg1();}
    xpos+=Math.sin((deg+(ang+i*cur))/57.3)*fsf*.07;
    ypos+=Math.abs(Math.cos((deg+(ang+i*cur))/57.3)*fsf*.07);  fsb=fsf*1.3;
    if (ypos>shi || xpos<0 || xpos>swi) i=nbs;
    if (aura) { ret+="<DIV id='darg"+i+"' style='position:absolute; left:"+(xpos-fsb*.125)+"; top:"+(ypos-fsb*.85)+"; font-size:"+fsb+"px; color:rgb(0,0,255); z-Index:0' >.</DIV>"; ct++;}
    ret+="<DIV style='position:absolute; left:"+(xpos-fsf*.125)+"; top:"+(ypos-fsf*.85)+"; font-size:"+fsf+"px; color:"+bcolor+"; z-Index:1' >.</DIV>";
  }
  //status=" "+ct+" Divs   "+format(jag)+" jag   "+format(zag)+" zag   "+cur+" curve";
  ark.innerHTML=ret;
  Time1=setTimeout("lightie()",100);
 }
}

function light()
{ ol.moveTo(pageXOffset,pageYOffset);
  ol.visibility = "show";
  if (flash) document.bgColor=skyFlash;
  Time2=setTimeout("ning()",(Math.random()*1000+1000));
}

function lightie()
{ ark.style.left=document.body.scrollLeft;
  ark.style.top=document.body.scrollTop;
  ark.style.visibility = "visible";
  if (flash) document.bgColor=skyFlash;
  Time2=setTimeout("ningie()",(Math.random()*500+100));
}

function ningie()
{ ark.style.visibility = "hidden";
  if (flash) document.bgColor=skyNorm;
  if (Math.random()*3>2) Time2=setTimeout("lightie()",(Math.random()*500+100)); else Time1=setTimeout("mainplot()",(Math.random()*500+100));
}

function format(f){ f+="";
  if (f.charAt(0)==".") f="0"+f;
  if (f.length==1) f+=".00";
  if (f.length==3) f+="0";
return f;
}

function halt() {
  if (Time1) {clearTimeout(Time1); Time1=null;}
  if (Time2) {clearTimeout(Time2); Time2=null;}
}

//-->
      </SCRIPT>

2- عدل ضمن الوسم BODY ليصبح هكذا

3- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

كود البرق

كود-البرق-java-script