r="0" />Home</a> 
    |<a href="advertise.php"><img src="Images/plans.gif" alt="Advertise" width="16" height="16" border="0" />Advertise</a> 
    | <a href="contact.php"><img src="Images/contactus.gif" alt="Contact Us" width="16" height="16" border="0" />Contact 
      Us</a> |<a href="resources.php"><img src="Images/login.gif" alt="Free Resources" width="16" height="16" border="0" /> 
    Free Resources</a> |<img src="Images/mail1.gif" alt="Submit a Tutorial" width="32" height="32" />  <a href="contact.php">Submit 
  a Tutorial</a></strong> </p>

<BR>
<center> 
  <BR>
  <BR>
</center></div><center>
  <table width="100%" cellpadding=0 cellspacing=0 border=0>
    <tr> 
      <td width="99%" align=center> <font size="3" face="Times New Roman, Times, serif"> 
        <basefont size=3>
        <FONT COLOR="#006666"><b><font size="4">Basic Color Cube</font></b></font></font> 
        <font size="3" face="Times New Roman, Times, serif"><BR>
        <BR>
        </font> <table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
          <tr> 
            <td><font size="3" FACE="Times New Roman, Times, serif"> <br>
              <br>
              <!-- Description -->
              <!--content_start-->
              This creative script lets you choose the background color using 
              a color cube. You can also do a reverse search using hexadecimal, 
              RGB, or just the name of the colors. </font><font FACE="helvetica,arial,geneva"> 
              <hr>
              </font></td>
          </tr>
        </table>
        <font size="3" face="Times New Roman, Times, serif"> 
        <!-- Demonstration -->
        </font> <center>
          <h3><font size="3" face="Times New Roman, Times, serif">Color Cube</font></H3>
        </center>
        <center>
          <font size="3" face="Times New Roman, Times, serif">Click on a color 
          to lock it.<br>
          Click on any square to unlock.</font> 
        </center>
        <center>
          <table>
            <SCRIPT LANGUAGE="JavaScript">
<!-- Cube Maker
var hex_Red=new Array("00","33","66","99","cc","ff");
var hex_Green=new Array("00","33","66","99","cc","ff");
var hex_Blue=new Array("00","33","66","99","cc","ff");
var hexred="00";
var hexgreen="00";
var hexblue="00";
var red=0;
var green=0;
var blue=0;
var x=0;
var y=0;
var z=0;
var xyz=0;

while (y<6)
  {
  window.document.write("<tr>");
  var x=0;
  var hexblue=hex_Blue[blue];
    while (x<6)
    {
    var z=0;
    var hexgreen=hex_Green[green];
      while (z<6)
      {
      var hexred=hex_Red[red];
      var hexadecimal="#"+hexred+hexgreen+hexblue;
      window.document.write("<td bgColor="+hexadecimal+"><a href=\"javascript:lock()\" onmouseover=\"r(\'"+hexadecimal+"\'); return true\"><img src=\"\" border=\"0\" height=\"20\" width=\"20\"/></a></td>");
      z++;
      red++;
      if (red==6)
      {
      red=0;
      }
      }
    x++;
    green++;
    if (green==6)
    {
    green=0;
    }
    xyz++;
    if (xyz==3)
    {
    window.document.write("</tr>");
    xyz=0;
    }
    }
  y++;
  blue++
  if (blue==6)
  {
  blue=0;
  }
  }
// End color cube. -->
</script>
          </table>
        </center>
        <center>
          <form name="f" onSubmit="changeBack(); return false;">
            <font size="3" face="Times New Roman, Times, serif"> 
            <input type="text" name="c" size="7">
            </font> 
          </form>
        </center>
        <center>
          <font size="3" face="Times New Roman, Times, serif">Here's the color 
          code to match up the RGB in paint.</font> 
        </center>
        <table align="center">
          <tr> 
            <td align="center" width="100"><font size="3" face="Times New Roman, Times, serif">Red</font></td>
            <td align="center" width="100"><font size="3" face="Times New Roman, Times, serif">Green</font></td>
            <td align="center" width="100"><font size="3" face="Times New Roman, Times, serif">Blue</font></td>
          </tr>
          <tr> 
            <td align="center"><form name="bb" onSubmit="changeBackRGB(); return false;">
                <font size="3" face="Times New Roman, Times, serif"> 
                <input type="text" name="re" size="2">
                </font></form></td>
            <td align="center"><form name="cc" onSubmit="changeBackRGB(); return false;">
                <font size="3" face="Times New Roman, Times, serif"> 
                <input type="text" name="gr" size="2">
                </font></form></td>
            <td align="center"><form name="dd" onSubmit="changeBackRGB(); return false;">
                <font size="3" face="Times New Roman, Times, serif"> 
                <input type="text" name="bl" size="2">
                </font></form></td>
          </tr>
        </table>
        <center>
          <table>
            <tr> 
              <td align="center"><form>
                  <font size="3" face="Times New Roman, Times, serif"> 
                  <input type="button" value="Reverse Lookup - Hexadecimal" size="10" onClick="changeBack(); return false;">
                  </font></form></td>
              <td align="center"><form>
                  <font size="3" face="Times New Roman, Times, serif"> 
                  <input type="button" value="Reverse Lookup - RGB" size="10" onClick="changeBackRGB(); return false;" >
                  </font></form></td>
            </tr>
            <tr> 
              <td align="center" colspan="2"><form>
                  <font size="3" face="Times New Roman, Times, serif"> 
                  <input type="button" value="Reverse Lookup - Color (ex. Red, Green...)" size="15" onClick="changeColor()"; return false;">
                  </font></form></td>
            </tr>
            <tr> 
              <td align="center" colspan="2"><form name="colour1" onSubmit="changeColor(); return false;">
                  <font size="3" face="Times New Roman, Times, serif"> 
                  <input type="text" name="colour2" size="7">
                  </font></form></td>
            </tr>
          </table>
        </center>
        <P> 
        <P> <font size="3" face="Times New Roman, Times, serif"><a name="source"></a> 
          </font> 
        <table BORDER=1 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
          <tr> 
            <td BGCOLOR=#CCCC99><font size="3" FACE="Times New Roman, Times, serif"><b>BG 
              Effects: Basic Color Cube</b> <font FACE="Times New Roman, Times, serif"><font FACE="Times New Roman, Times, serif"><font FACE="helvetica,arial,geneva"> 
              <p>Simply click inside the window below, use your cursor to highlight 
                the script, and copy (type Control-c or Apple-c) the script into 
                a new file in your text editor (such as Note Pad or Simple Text) 
                and save (Control-s or Command-s). The script is yours!!! <br>
                <br>
              </font></font></font></font></td>
          </tr>
          <tr> 
            <td BGCOLOR=#CC9999 ALIGN=CENTER> <form NAME="copy">
                <DIV align="center"> <font size="3" face="Times New Roman, Times, serif"> 
                  <input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">
                  &nbsp;&nbsp;&nbsp;&nbsp; 
                  <INPUT TYPE="text" NAME="total" VALUE="Script Size:  7.03 KB" size=24>
                  </font></DIV>
                <font size="3" face="Times New Roman, Times, serif"> 
                <textarea NAME="txt" ROWS=15 COLS=50 WRAP=VIRTUAL>

&lt;!-- TWO STEPS TO INSTALL BASIC COLOR CUBE:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  --&gt;

&lt;!-- STEP ONE: Paste this code into the HEAD of your HTML document  --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;



&lt;!--//Heres the code for the RGB in paint.
function rgb(x)
  {
  var value=0;
  var value_array=new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");
  var first=x.charAt(0);
  var second=x.charAt(1);
  var a=0;
  var b=0;
  while (value_array[value]!=first)
    {
    value++;
    a=a+16;
    }
  value="0";
  while (value_array[value]!=second)
    {
    value++;
    b++;
    }
  x=a+b;
  return x;
  }
// end RGB in paint--&gt;
&lt;/script&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;
&lt;!-- Heres the code to type in you own Hexadecimal value
function changeBack()
  {
  var hex=window.document.f.c.value;
  document.bgColor=hex;
  var hex1=hex.charAt(0);
  if (hex1!="#")
    {
    hex=document.bgColor;
    }
  var red=hex.substring (1,3);
  var rdd=rgb(red);
  document.bb.re.value=rdd;
  var green=hex.substring (3,5);
  var grn=rgb(green);
  document.cc.gr.value=grn;
  var blue=hex.substring (5,7);
  var blue1=rgb(blue);
  document.dd.bl.value=blue1;
  }
// End own Hexadecimal--&gt;
&lt;/script&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;
&lt;!--Here\'s the code to type in your own RGB
  function changeBackRGB()
  {
  var red=window.document.bb.re.value;
  var green=window.document.cc.gr.value;
  var blue=window.document.dd.bl.value;
  red1=rgb_hex(red);
  green1=rgb_hex(green);
  blue1=rgb_hex(blue);
  var hex="#"+red1+green1+blue1;
  document.bgColor=hex;
  document.f.c.value=hex;
  }
// End your own RGB--&gt;

//&lt;!-- Change from RGB to hexadecimal
function rgb_hex(colour)
{
 var rgb_array=new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");
if (colour==0)
  {
  var colour="00";
  return colour;
  }
else
  {
  var y=colour/16;
  var y=y+"a";
  if (y.indexOf(".")==-1)
    {
    var hex2="0";
    var u=y.indexOf("a");
    var q=y.substring(0,u);
    var hex1=rgb_array[q];
    }
  else
    {
    var l=y.split(".");
    var q=l[0];
    var z=q*16;
    var xyz=colour-z;
    var hex1=rgb_array[q];
    var hex2=rgb_array[xyz];
    }
  var colour