Gradtables Made Easy



Well I decided to throw a tute together. Not that any others aren't great, but I thought I'd make one in my own way. And I'll try to explain the best way I know how. Feel free to beep me if you ever have any questions. Now lets get on with the tute.



First off, you need a little knowledge on how a table works. If your in the dark, then I suggest getting a quick rundown. Draac's has an excellent table tute. Visit there and get a working understanding of tables and how they work...



Now what is different from tables and gradtables is that you introduce colors into a regular table. Plus you use two colors in a gradtable. Hence, one color will gradually fade to the other.



You basically use the same tags in a gradtable. They are <tr>, <td>, colspan, and the align and valign tags. The only thing different you add is the gradcolor tag and the gradangle tag. Which tells at what angle the color will fade. You must always use these tags. The gradangle numbers go from 0 to 180, and the opposite -0 to -180. Below is a example of what they will look like.



0
10
20
30
40
50
60
70
80


90
100
110
120
130
140
150
160
170
180


-0
-10
-20
-30
-40
-50
-60
-70
-80


-90
-100
-110
-120
-130
-140
-150
-160
-170
-180


I put together another much larger example of the numbers and how they will affect the gradangles....Just click below...

Gradangle Examples


Now that just gives you a general idea of what numbers you can use. You don't have to stick to just the even numbers. You can put in any number you like, 25 or 95...ect. How about we start putting a gradtable together..First you need to find out what colors you want to use. Below are links to several great color charts using gradtables as examples and the effect using black as a bgcolor. Which to tell you, black is usually used the most as a bgcolor. I don't know why, it just is...

*tylwyth*s Ultimate Colors


Fred D's Gradcolor Chart

Big B's Color Chart

Now you should have your colors picked out, lets move on to the next page and start putting it all together. And remember, you can use the color names, not just the numbers, i.e. red or orangered for example.

Next Page