HTML Table-Fader Help

Click on the area you want more information regarding:

For addition comments use the feedback form.

Make Table 100% Width Reverse the Colour Order Display the Colour Code in each Cell Display Cell Coordinates in Table Submit Form and Create the Table Background Colour Text Colour Colour Choosing Colour Choosing Colour Choosing Colour Choosing Fade Effect to use on Table Cell Border Width Height - The Number of Table Rows Width - The Number of Table Columns
Read the FAQ for more Info!

Table Fading Tips!

Non-Colour Options:

Width:   The number of columns your table will have. Note that tables have a maximum of 800 total cells.
Height:   The number of rows your table will have. Note that tables have a maximum of 800 total cells.
Border:   The border thickness for each table cell. (Choosing 0 means there will be no border.)
Effect:   This is where you can choose from among the many different types of colour gradient styles to apply to your table. If you don't have a clue what they are, try them all, and soon you will see! Also at the bottom of the Table Fader form there is a "Gallery" displaying a sample of each style. After each effect name you will see a number in brackets: this indicates the number of colours that effect uses.
Coords:   If this is checked then each cell in your table will display its co-ordinate address. For example, the top left cell will display 1,1.
Colours:   Checking this box instructs your table to print the actual colour code of each cell in the cell, so that you can see what it is. This can be handy if you want to copy and paste a sequence of colour codes.
Reverse:   If, by chance, you create a nice colour fade you like, but only wish it went in the opposite direction, check this box and regenerate the table.
100%   This makes the table to have a width of 100% of your browser window's width. Note that if you have selected a large "Width" number to generate your table the result may be wider than your browser window, in which case the 100% will have no apparent effect.
  This is it! Press this button and your colourful table will be created. Note that the created table will open a new browser window to display itself in. This is so you can switch back to the form window and make any adjustments and generate a new table while still keeping the old one (if you want) to compare it to.


Colours Selection Options:


  Each colour selection line contains two objects. One is a drop down list containing various named colours you may choose from, along with a number of "random colour" options. Beside this is an input area where you can manually type the colour code of the colour you want.
  The way the system works is that if there is any text in the colour code input box then that will be used. If the colour code input box is blank then the item selected by the drop down menu will be used. So if you have typed a colour code and want to revert to using the drop down menu to select colours, you must delete all text from the colour code input area on that line.
  In these areas you choose the colours which will be blended together using the selected Effect style. Note that different effects use different numbers of colours, so for example if you choose an effect that uses only 2 colours, then only the first two fade colours will be used. See Colour Selecting for more information on the controls.
  This will be the colour of the text displayed inside the table (ie. the co-ordinates, or colour code). See Colour Selecting for more information on the controls.
  The background colour of the entire page that the generated table is placed on. See Colour Selecting for more information on the controls.


Additional Information:



A colour code may take one of two forms. The standard notation for an HTML colour code is the #RRGGBB representation; which is to say a # sign followed by six hexadecimal digits, the first two indicating the level of Red, the second to the level of Green, and the last two the level of Blue---in this way any of 16 million colours can be created.

The other way is by using the actual colour name, such as simply typing blue, or green, or pink, or navy, or any of the 140 colour names defined by Netscape (which are all listed in the drop down colour selector box).

Press the Back button in your Web Browser to go Back.