Devin
Special Person
tay <3
without ME it's just AWESO
Posts: 1,199
|
Post by Devin on Apr 8, 2009 16:01:43 GMT -5
You may post any and all HTML codes you have written here. Please be sure that they work before posting in this thread.
Only post in this thread if you are posting an HTML table. IF YOU NEED SUPPORT, USE THE CODE SUPPORT BOARD
HTML Guide by Anish
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 6:58:49 GMT -5
This is the simplest table <table width="200px" cellpadding="4" cellspacing="1" align="center" class="bordercolor"> <tr> <td width="100%" class="windowbg2" vAlign="top" align="center"> <font size=2>Contents of Box Here</font> </td> </tr> </table>
Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 6:59:57 GMT -5
A very small table for putting something like a note to members in. <table width="250px" cellpadding="4" cellspacing="1" align="center" class="bordercolor"> <tr> <td class="titlebg" width="100%" colspan="2" align="center"> <font size=2><b>Table Title</B></font> </td> </tr> <tr> <td width="100%" class="windowbg2" vAlign="top" align="center"> <font size=2>Contents of Table Here</font> </td> </tr> </table>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:00:40 GMT -5
Similar to the One Column table but with an extra column <table width="92%" cellpadding="4" cellspacing="1" align="center" class="bordercolor"> <tr> <td class="titlebg" width="100%" colspan="2" height="30" align="center"> <font size=2><b>Table Title</B></font> </td> </tr> <tr> <td width="50%" class="windowbg" vAlign="top"> <font size=2>Contents of Left Box</font> </td> <td width="50%" class="windowbg" vAlign="top"> <font size=2>Contents of Right Box</font> </td> </tr> </table>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:01:15 GMT -5
Easily the Most Commonly used table <table width="92%" cellpadding="4" cellspacing="1" align="center" class="bordercolor"> <tr> <td class="titlebg" width="100%" colspan="3" height="30" align="center"> <font size=2><b>Table Title</B></font> </td> </tr> <tr> <td width="20%" class="windowbg2" vAlign="top"> <font size=2>Contents of Left Box</font> </td> <td width="60%" class="windowbg" vAlign="top"> <font size=2>Contents of Center Box</font> </td> <td width="20%" class="windowbg2" vAlign="top"> <font size=2>Contents of Right Box</font> </td> </tr> </table>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:02:01 GMT -5
This is often used to show which icon represents new posts in a forum and which icon represents no new posts in a forum. Most commonly found in the main footer. <table width="200px" cellpadding="4" cellspacing="1" align="center" class="bordercolor"> <tr> <td class="titlebg" width="100%" colspan="2" align="center"> <font size=2><b>Icon Legend</B></font> </td> </tr> <tr> <td width="50%" class="windowbg" vAlign="top" align="center"> <font size=2> <img src="proboards8.com/v4images/on.gif" alt="[/li][li]" /> <br /> New Posts</font> </td> <td width="50%" class="windowbg" vAlign="top" align="center"> <font size=2> <img src=" proboards8.com/v4images/off.gif" alt="[ ]" /> <br /> No New Posts</font> </td> </tr> </table>[/tt] Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:02:40 GMT -5
This table adds a side menu to the left hand side of your forum. Header Section<table width="92%" cellpadding="0" cellspacing="1" align="center"> <tr> <td width="15%" vAlign="top" align="center"> <br /> <br /> <table class="bordercolor" width="91%" cellpadding="4" cellspacing="1"> <tr> <td class="titlebg" align="center" width="100%"> <font size=2>Menu</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Top Box Content</font> </td> </tr> <tr> <td class="windowbg2" align="center"> <font size=2>Middle Box Content</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Bottom Box Content</font> </td> </tr> </table> </td> <td width="80%" align="center" vAlign="top">Footer Section</td> </tr> </table>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:03:12 GMT -5
This table adds a side menu to the right hand side of your forum. Header Section<table width="92%" cellpadding="0" cellspacing="1" align="center"> <tr> <td width="80%" align="center" vAlign="top">Footer Section</td> <td width="15%" vAlign="top" align="center"> <br /> <br /> <table class="bordercolor" width="92%" cellpadding="4" cellspacing="1"> <tr> <td class="titlebg" align="center" width="100%"> <font size=2>Menu</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Top Box Content</font> </td> </tr> <tr> <td class="windowbg2" align="center"> <font size=2>Middle Box Content</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Bottom Box Content</font> </td> </tr> </table> </td> </tr> </table>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:03:43 GMT -5
This adds a side tables to both sides of your forum. Header Section<table width="92%" cellpadding="0" cellspacing="1" align="center"> <tr> <td width="15%" vAlign="top" align="center"> <br /> <br /> <table class="bordercolor" width="92%" cellpadding="4" cellspacing="1"> <tr> <td class="titlebg" align="center" width="100%"> <font size=2>Left Menu</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Left Top Box Content</font> </td> </tr> <tr> <td class="windowbg2" align="center"> <font size=2>Left Middle Box Content</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Left Bottom Box Content</font> </td> </tr> </table> </td> <td width="60%" align="center" vAlign="top">Footer Section</td> <td width="15%" vAlign="top" align="center"> <br /> <br /> <table class="bordercolor" width="92%" cellpadding="4" cellspacing="1"> <tr> <td class="titlebg" align="center" width="100%"> <font size=2>Right Menu</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Right Top Box Content</font> </td> </tr> <tr> <td class="windowbg2" align="center"> <font size=2>Right Middle Box Content</font> </td> </tr> <tr> <td class="windowbg" align="center"> <font size=2>Right Bottom Box Content</font> </td> </tr> </table> </td> </tr> </table>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:04:33 GMT -5
This is a basic Affiliate Table. Usually found in the Main Footer <table width='92%' cellspacing='1' cellpadding='4' class='bordercolor' align='center' style='position: relative; bottom: 14px;'> <tr> <td class='catbg' colspan='2'> <font size='2'><b>Affiliates</b></font> </td> </tr> <tr> <td width='79%' class='windowbg2' valign='top'> <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="3">
Affiliate Banners Go Here(Go To Bottom For Code)
</marquee> </td> <td width='21%' valign='top' class='windowbg2' align='center'> <img src="URL of Your MiniBanner" /><br /> <a href="URL to Thread/Board where you can affiliate">Click Here to Affiliate!</a> </td> </tr> </table>Then, the actual code other forums would like so that they can affiliate with you would be <a href="URL to your Forum" target="_blank"><img src="URL to your Mini Banner" border="0" /></a>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:05:06 GMT -5
This is a basic Affiliate Table. Usually found in the Main Footer <table width='92%' cellspacing='1' cellpadding='4' class='bordercolor' align='center' style='position: relative; bottom: 14px;'> <tr> <td class='catbg' colspan='2'> <font size='2'><b>Affiliates</b></font> </td> </tr> <tr> <td width='79%' class='windowbg2' valign='top'> <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="3">
Affiliate Banners Go Here(Go To Bottom For Code)
</marquee> </td> <td width='21%' valign='top' class='windowbg2' align='center'> <img src="URL of Your MiniBanner" /><br /> <a href="URL to Thread/Board where you can affiliate">Click Here to Affiliate!</a> </td> </tr> </table>Then, the actual code other forums would like so that they can affiliate with you would be <a href="URL to your Forum" target="_blank"><img src="URL to your Mini Banner" border="0" /></a>Preview: Click Here
|
|
ǻñî§ђ™
Beginner Member
Posts: 121
|
Post by ǻñî§ђ™ on Apr 9, 2009 7:05:56 GMT -5
|
|