Neon Lights

@TheBearMayMar 11.2005 — #Well in IE you can use glow, but if you want to be cross-browser:

[code=php]
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <title>NS Glowing Text</title>
 <script type="text/javascript">
 function nsGlow(gColor, depth, excludeIE){
 if(excludeIE && document.all) return false; 
 sNode=document.getElementById("nsGlow")
 sNode.style.position="absolute"; 
 var newNode = sNode.cloneNode(true);
 sNode.style.top=depth+"px";
 sNode.style.left="2px";
 newNode.style.color=gColor;
 for (var i=0;i<depth*2;i++){
 if(i<depth) 
 opFilt=(100/(depth*6))*(i+1);
 else 
 opFilt=(depth*2+depth)-((100/(depth*6))*(i-depth));
 newNode.style.MozOpacity=opFilt/100;
 newNode.style.filter="alpha(opacity="+opFilt+")";
 newNode.style.top=i+"px";
 newNode.id="";
 sNode.parentNode.insertBefore(newNode,sNode);
 newNode = newNode.cloneNode(true);
 
   for (var j=0;j<8;j++){
   opFilt=100/(depth*6);
   newNode2 = newNode.cloneNode(true);
   newNode2.style.MozOpacity=opFilt/100;
   newNode2.style.filter="alpha(opacity="+opFilt+")";
   newNode2.style.left=j+"px";
   newNode2.id="";
   sNode.parentNode.insertBefore(newNode2,sNode);
   }
   }
  }
 </script>
 <style>
 .glow {
 color:#ff00ff;
 font-weight:bold;
 filter:glow(color:#0000ff;strength=3); 
 width:100%;
 }
 .nsGlow {
 color:#ff00ff;
 font-weight:bold;
 }
 </style>
 </head>
 
 <body onload="nsGlow('#0000ff', 4);">
 
  <div style="position:relative">
   <div class="glow">This will only work on IE</div>
  </div>
  <div style="position:relative"> 
   <div id="nsGlow" class="nsGlow" >This will work in Mozilla and IE</div>
  </div>
 
 
 </body>
 </html>[/code]

@xXxHaZMaTxXxauthorMar 11.2005 — #how many diff colors does it have?

http://www.demonicfighters.com if you look rite below the banner u see wat im trying to do. 2 colors is not enough want it to catch there attention.

@TheBearMayMar 11.2005 — #Right now it's set for 2, but the same idea can be used to do more.

@xXxHaZMaTxXxauthorMar 11.2005 — #<style>

.glow {

color:#ff00ff;

font-weight:bold;

filter:glow(color:#0000ff;strength=3);

width:100%;

}

.nsGlow {

color:#ff00ff;

font-weight:bold;

}

.csGlow {

color:#ff00gg;

font-weight:bold;

}

</style>

Will this work?

@xXxHaZMaTxXxauthorMar 11.2005 — #just bring back to front of forum still need help tho!!

Neon Lights

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Neon Lights

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴