Post by Ady on Aug 23, 2005 0:44:29 GMT
Code Name: Forum Tables
Version: 1.0
Author: Dởn't♥Pặnic
Preview: Live Preview
Notes: This is my first 'code' ever. I wouldn't really call it a code though, it's just some tables thrown together. Quite easy to edit and place. It automatically snaps the colours of the tables to your current board's colours, which makes it easy when you change board skins.
Global Header
<script type="text/javascript">
/Forum Tables v.1
/Coded by Dởn't♥Pặnic - ( www.planetveldin.com/ - www.polariswebdesign.co.uk/ )
/This copyright must stay intact at all times
/This code must not be re-posted without permission from it's creator
</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><br>
<!-- START NEW TABLE -->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23%" align="center" valign="top"><br>
<table width="95%" border="0" align="center" cellpadding="4" cellspacing="1" class="bordercolor">
<tr>
<td class="titlebg"><div align="center"><font class="titletext">Menu</font></div></td>
</tr>
<tr>
<td class="windowbg"><div align="center">
Your HTML goes right here.
</div></td>
</tr>
</table><br>
<!-- END NEW TABLE -->
</td>
<td width="77%" valign="top">
Global Footer
</td>
</tr>
</table>
</td>
</tr>
</table>
Explanation
Okay, it should be pretty straight forward.
Orange Text = Changes the Title Text for a box.
Red Text = Changes the content inside a box.
If you want to create more boxes, just copy from where it says:
<!-- START NEW TABLE -->
To where it says
<!-- END NEW TABLE -->
Paste it underneath the other box, so it would look something like this:
<!-- START NEW TABLE -->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23%" align="center" valign="top"><br>
<table width="95%" border="0" align="center" cellpadding="4" cellspacing="1" class="bordercolor">
<tr>
<td class="titlebg"><div align="center"><font class="titletext">Menu</font></div></td>
</tr>
<tr>
<td class="windowbg"><div align="center">
Your HTML goes right here.
</div></td>
</tr>
</table><br>
<!-- END NEW TABLE -->
<!-- START NEW TABLE -->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23%" align="center" valign="top"><br>
<table width="95%" border="0" align="center" cellpadding="4" cellspacing="1" class="bordercolor">
<tr>
<td class="titlebg"><div align="center"><font class="titletext">Menu</font></div></td>
</tr>
<tr>
<td class="windowbg"><div align="center">
Your HTML goes right here.
</div></td>
</tr>
</table><br>
<!-- END NEW TABLE -->
To anyone who uses this, thank you. It's my first code so I would be grateful if a lot of people use it.
Version: 1.0
Author: Dởn't♥Pặnic
Preview: Live Preview
Notes: This is my first 'code' ever. I wouldn't really call it a code though, it's just some tables thrown together. Quite easy to edit and place. It automatically snaps the colours of the tables to your current board's colours, which makes it easy when you change board skins.
Global Header
<script type="text/javascript">
/Forum Tables v.1
/Coded by Dởn't♥Pặnic - ( www.planetveldin.com/ - www.polariswebdesign.co.uk/ )
/This copyright must stay intact at all times
/This code must not be re-posted without permission from it's creator
</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><br>
<!-- START NEW TABLE -->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23%" align="center" valign="top"><br>
<table width="95%" border="0" align="center" cellpadding="4" cellspacing="1" class="bordercolor">
<tr>
<td class="titlebg"><div align="center"><font class="titletext">Menu</font></div></td>
</tr>
<tr>
<td class="windowbg"><div align="center">
Your HTML goes right here.
</div></td>
</tr>
</table><br>
<!-- END NEW TABLE -->
</td>
<td width="77%" valign="top">
Global Footer
</td>
</tr>
</table>
</td>
</tr>
</table>
Explanation
Okay, it should be pretty straight forward.
Orange Text = Changes the Title Text for a box.
Red Text = Changes the content inside a box.
If you want to create more boxes, just copy from where it says:
<!-- START NEW TABLE -->
To where it says
<!-- END NEW TABLE -->
Paste it underneath the other box, so it would look something like this:
<!-- START NEW TABLE -->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23%" align="center" valign="top"><br>
<table width="95%" border="0" align="center" cellpadding="4" cellspacing="1" class="bordercolor">
<tr>
<td class="titlebg"><div align="center"><font class="titletext">Menu</font></div></td>
</tr>
<tr>
<td class="windowbg"><div align="center">
Your HTML goes right here.
</div></td>
</tr>
</table><br>
<!-- END NEW TABLE -->
<!-- START NEW TABLE -->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="23%" align="center" valign="top"><br>
<table width="95%" border="0" align="center" cellpadding="4" cellspacing="1" class="bordercolor">
<tr>
<td class="titlebg"><div align="center"><font class="titletext">Menu</font></div></td>
</tr>
<tr>
<td class="windowbg"><div align="center">
Your HTML goes right here.
</div></td>
</tr>
</table><br>
<!-- END NEW TABLE -->
To anyone who uses this, thank you. It's my first code so I would be grateful if a lot of people use it.