First off make a table in html with 1 column and 2 rows with a 1px space between each cell.
now fill the background of the table in with black (#000000) or whatever color you want to use.HTML Code:<table cellspacing="1">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
The black color will be like a 1px outline of the box and it will seperate the header of the box from the main content part. Now to fill the cells so its not all black, i am going to use an image which i made in photoshop for the box header and a blue color. What you do is add a background to the <td> tags.HTML Code:<table cellspacing="1" bgcolor="#000000">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
This is what mine looks like so far:HTML Code:<table width="100" height="50" border="0" cellspacing="1" bgcolor="#000000">
<tr>
<td height="20" background="head.gif"></td>
</tr>
<tr>
<td bgcolor="#598CC5"> </td>
</tr>
</table>
http://www.xenigma.co.uk/tut/1.gif
Now just to add the tag of the box (e.g, Navigation, Content, Affiliates etc...) and what is inside the box.
You can modify the fonts or whatever you want add images anything...HTML Code:<table width="100" height="50" border="0" cellspacing="1" bgcolor="#000000">
<tr>
<td height="20" background="head.gif"><div align="center">Navigation</div></td>
</tr>
<tr>
<td bgcolor="#598CC5"><div align="center">Home<br>Downloads<br>Pictures<br>xEnigmA.co.uk</div></td>
</tr>
</table>
http://www.xenigma.co.uk/tut/2.gif
also you can add more rows like on the old homepage of xEnigmA.co.uk just add this below your final </tr> tag.
This is exactly the code i used on the homepage instead of slicing any images no special tricks or anything... Just plain old VERY BASIC HTMLHTML Code:<tr>
<td height="20" background="head.gif"></td>
</tr>
<tr>
<td bgcolor="#598CC5"></td>
</tr>
Taken from my site -
www.xenigma.co.uk
[Edited By Partie2] (Forum Moderator) Great Job, Thread has been Stuck :)
