Post by Cam on Mar 26, 2011 2:29:35 GMT
Name: Luke's Side Tables [OPEN SOURCE HTML]
Browser Compatibility: Works in: FIREFOX, GOOGLE CHROME, OPERA. Didn't test in IE as it's not opening
Preview: Please click here for a live preview
Code: The code is split into two parts, one part is for the footers one for the headers. Please read and make sure you put your codes in the right ones.
HEADER:
FOOTER:
If you want to add more side tables, find which side you want to add and then put this where you want it to go, make sure you put it above the part where it says end of side tables!!!
HOW TO EDIT:
Change the We LOVE tables! to the text you want, and make the table title bit the title of that table. If you don't understand, I'll help you out in the support board.
Thanks for using!
Browser Compatibility: Works in: FIREFOX, GOOGLE CHROME, OPERA. Didn't test in IE as it's not opening
Preview: Please click here for a live preview
Code: The code is split into two parts, one part is for the footers one for the headers. Please read and make sure you put your codes in the right ones.
HEADER:
<!--
LUKE'S SIDE TABLES
This next bit is the styling to make the side tables go to the side. Don't remove.
-->
<style type = "text/css">
.right
{
height:100px;
width:200px;
float:right;
margin-right:5px;
}
.left
{
height:100px;
width:200px;
float:left;
margin-left:5px;
}
</style>
<!--
@@@@@@@
START OF LEFT TABLES
@@@@@@@
-->
<!--
@@@@@@@
TABLE ONE!
@@@@@@@
-->
<div class = "left">
<table width="195px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="center">
<font size=2><b>Table Title 1</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="top" align="center">
<font size=2> We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! </font>
</td>
</tr>
</table>
<br />
<!--
@@@@@@@
TABLE TWO!
@@@@@@@
-->
<table width="195px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="center">
<font size=2><b>Table Title 2</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="top" align="center">
<font size=2> We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! </font>
</td>
</tr>
</table>
<!--
@@@@@@@
END OF LEFT TABLES, ADD ANY MORE TABLES ABOVE THIS!
@@@@@@@
-->
</div>
<!--
@@@@@@@
START OF RIGHT TABLES
@@@@@@@
-->
<!--
@@@@@@@
TABLE ONE!
@@@@@@@
-->
<div class = "right">
<table width="195px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="center">
<font size=2><b>Table Title 3</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="top" align="center">
<font size=2> We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! </font>
</td>
</tr>
</table>
<!--
@@@@@@@
TABLE TWO!
@@@@@@@
-->
<br />
<table width="195px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="center">
<font size=2><b>Table Title 4</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="top" align="center">
<font size=2> We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! </font>
</td>
</tr>
</table>
<!--
@@@@@@@
END OF TABLE TWO, ADD ANY MORE TABLES ABOVE THIS!
@@@@@@@
-->
</div>
FOOTER:
<script type="text/javascript">
<!--
// Re-size forum to fit for Luke's Side Tables.
var tablew = document.getElementsByTagName('TABLE');
for(t=0;t<tablew.length;t++) {
if(tablew[t].width=="92%"){
tablew[t].width='60%';
}
}
// -->
</script>
If you want to add more side tables, find which side you want to add and then put this where you want it to go, make sure you put it above the part where it says end of side tables!!!
<table width="195px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="center">
<font size=2><b>Table Title 1</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="top" align="center">
<font size=2> We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! We LOVE side tables! </font>
</td>
</tr>
</table>
HOW TO EDIT:
Change the We LOVE tables! to the text you want, and make the table title bit the title of that table. If you don't understand, I'll help you out in the support board.
Thanks for using!