cut in layout
Email - atlass.at.aussiebird.com

~ 43.77 kb ~ Download it
(Downloads to date: 834)
Description
A very simple layout that gives the illusion of paper with holes cut in it, through which you can see your sidebar (optional) and forum.
instructions
Subscribing to ezdesign
If the tdf below does not use the ezboardthemes.com url, then it's not set up for subscribing to. To have it put on the subscription server, please post
at the ezdesign
subscription help forums. To subscribe to ezdesign (link directly to our images from your ezboard) please
sign up
tdf/code
FIRST BOX
<style>
body { margin: 0px; padding: 10px 20px 10px 10px; background: #990066; }
#sidebar {
position: absolute;
left: 10px;
top: 10px;
width: 200px;
}
#forum {
margin-left: 199px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
}
html>body #forum {
margin-left: 201px;
}
h4 { font-weight: bold; font-size: 110%; color: #990066}
.logo { background: #ffffff; margin: 0px auto 20px auto; }
.section { background: #ffffff; width: 180px; margin-bottom: 20px; }
.topleftsmall, .toptilesmall, .toprightsmall { background: url(http://www.ezboardthemes.com/cutin/toptilesmall.gif); }
.toprightsmall, .bottomrightsmall { text-align: right; }
.topleft, .toptile, .topright { background: url(http://www.ezboardthemes.com/cutin/toptile.gif); }
.topright, .bottomright { text-align: right; }
.menu { background: url(http://www.ezboardthemes.com/cutin/lefttilesmall.gif) repeat-y top left; padding: 0px 8px; }
.forum { text-align: center; padding: 0px 8px; background: url(http://www.ezboardthemes.com/cutin/lefttile.gif) repeat-y top left;}
.forumtable { margin-left: 0px; margin-right: 0px; background: #ffffff; }
.forum>table { margin: auto; }
#copyright { color: #ffffff; font: xx-small verdana; }
#copyright a { color: ffffff;}
</style>
THIRD BOX
<div id="sidebar">
<img src="http://www.ezboardthemes.com/cutin/logo.gif" class="logo" />
<table class="section" cellpadding="0" cellspacing="0">
<tr>
<td class="topleftsmall"><img src="http://www.ezboardthemes.com/cutin/topleftsmall.gif" /></td>
<td class="toptilesmall"><img src="http://www.ezboardthemes.com/cutin/toptilesmall.gif" /></td>
<td class="toprightsmall"><img src="http://www.ezboardthemes.com/cutin/toprightsmall.gif" /></td>
</tr>
<tr>
<td class="menu" colspan="3">
<h4 class="title">MENU</h4>
this is where your links and info goes.
</td>
</tr>
<tr>
<td class="bottomleftsmall"><img src="http://www.ezboardthemes.com/cutin/bottomleftsmall.gif" /></td>
<td class="bottomtilesmall"></td>
<td class="bottomrightsmall"><img src="http://www.ezboardthemes.com/cutin/bottomrightsmall.gif" /></td>
</tr>
</table>
<table class="section" cellpadding="0" cellspacing="0">
<tr>
<td class="topleftsmall"><img src="http://www.ezboardthemes.com/cutin/topleftsmall.gif" /></td>
<td class="toptilesmall"><img src="http://www.ezboardthemes.com/cutin/toptilesmall.gif" /></td>
<td class="toprightsmall"><img src="http://www.ezboardthemes.com/cutin/toprightsmall.gif" /></td>
</tr>
<tr>
<td class="menu" colspan="3">
<h4 class="title">LINKS</h4>
this is where your links and info goes.
</td>
</tr>
<tr>
<td class="bottomleftsmall"><img src="http://www.ezboardthemes.com/cutin/bottomleftsmall.gif" /></td>
<td class="bottomtilesmall"></td>
<td class="bottomrightsmall"><img src="http://www.ezboardthemes.com/cutin/bottomrightsmall.gif" /></td>
</tr>
</table>
</div>
<div id="forum">
<table class="forumtable" cellpadding="0" cellspacing="0">
<tr>
<td class="topleft"><img src="http://www.ezboardthemes.com/cutin/topleft.gif" /></td>
<td class="toptile"><img src="http://www.ezboardthemes.com/cutin/toptile.gif" /></td>
<td class="topright"><img src="http://www.ezboardthemes.com/cutin/topright.gif" /></td>
</tr>
<tr>
<td class="forum" colspan="3" align="center"><center>
FOURTH BOX
</center><font style="color: #ffffff">this is a large amount of filler text to try and force the page to load up at full width. this is a large amount of filler text to try and force the page to load up at full width. </font>
</td>
</tr>
<tr>
<td class="bottomleft"><img src="http://www.ezboardthemes.com/cutin/bottomleft.gif" /></td>
<td class="bottomtile"><img src="spacer.gif" width="100%" height="1" /></td>
<td class="bottomright"><img src="http://www.ezboardthemes.com/cutin/bottomright.gif" /></td>
</tr>
</table>
</div>
<div id="copyright">