This fish will also help you get an idea of how to use another color other than black for your grads....
He will be tabled across the page. This means we need a table to act as "glue".
<![CDATA[<TABLE><TR><TD ALIGN="CENTER">]]>
To begin we'll make a grad table with the first row td cell angle zero. The second row will be a spacer td. The third row will be a td grad cell of angle 180. The center row td height is shortened with each TD cell across the page till they meet.....to make the tail.
1.....Here is the code for it:
<![CDATA[
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="32"width="5"></td></tr>
<tr><td height="30"> </td></tr>
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="32"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="30"width="5"></td></tr>
<tr><td height="25"> </td></tr>
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="30"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="28"width="5"></td></tr>
<tr><td height="20"> </td></tr>
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="28"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="26"width="5"></td></tr>
<tr><td height="15"> </td></tr>
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="26"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="24"width="5"></td></tr>
<tr><td height="10"> </td></tr>
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="24"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="22"width="5"></td></tr>
<tr><td height="5"> </td></tr>
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="22"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="20"width="5"></td></tr>
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="20"width="5">
</td></tr></table>
</TD>]]>
Continuing with the same table across we increased the heights slowly.......
2....Here is the code for it
<![CDATA[
<TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="22"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="22"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="24"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="24"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="26"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="26"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="28"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="28"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="30"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="30"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="32"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="32"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="34"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="34"width="5">
</td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="36"width="5"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="36"width="5">
</td></tr></table>
</TD>]]>
Now that we have the height we want, we can make the body part wider:
3....Here is the code for the body:
<![CDATA[
<TD>
<table cellpadding="0"cellspacing="0"border="0">
<tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="36"width="30"></td></tr><tr>
<td bgcolor="green"gradcolor="cyan"
gradangle="180"height="36"width="30">
</td></tr></table>
</TD>]]>
Now we decrease the height of the table cells across to form then head.
4....Here is the code for it::
<![CDATA[
<TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="34"width="2"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="36"width="2"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="32"width="2"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="36"width="2"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="30"width="2"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="34"width="2"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="28"width="2"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="32"width="2"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="26"width="2"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="30"width="2"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="24"width="2"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="28"width="2"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="22"width="2"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="26"width="2"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="20"width="4"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="24"width="4"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="18"width="4"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="22"width="4"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="18"width="4"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="20"width="4"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="16"width="4"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="18"width="4"></td></tr></table>
</TD><TD>
<table cellpadding="0"cellspacing="0"border="0"><tr><td bgcolor="green"gradcolor="cyan"
gradangle="0"height="16"width="4"></td></tr><tr><td bgcolor="green"gradcolor="cyan"
gradangle="180"height="16"width="4"></td></tr></table>
</TD></TABLE>]]>
Fish EYE placement is ...CSS...
Take these chunks of code and
make your own fabulous fish....
Each fish section has been numbered...
Put the number into your "Find" key
and go right to the one you want...
Thanks K
And most of all........
Have Fun !!
