Darkest Faerie Lair

Guild Layout Tutorial #1

Example

Images

Image Size Colour Template
body any size blue no template
#main any size magenta, cyan click here
#layoutheader height: 400px
width: 996px		 lime no template

Code

<style />
body { background:url(BACKGROUND_URL_HERE); }
#main { background:url(MAIN_URL_HERE) repeat-y;}
#layoutheader { background:url(HEADER_URL_HERE); }

.contentHeader, .sidebar, #header, #footer { display:none; }
table, tr, td { background:none; margin:0; }
#main { border:0; position:absolute; top:0; left:0; height:auto; }
#layoutcontent { margin-top:300px; }
#layoutimage { position:absolute; top:0; left:200px; height:400px; width:795px; }
</style />
<div id="layoutheader"></div>

<div id="layoutcontent">
CONTENT GOES HERE
</div>

Guild Layout Tutorial #2

Example

Images

Image Size Colour Template
body any size blue no template
#main any size magenta, cyan click here
#header height: 77px
width: 996px		 lime no template
#footer height: 150px
width: 996px		 lime no template

Code

<style />
body { background:url(BACKGROUND_URL_HERE); }
#main { background:url(MAIN_URL_HERE) repeat-y; }
#header { background:url(HEADER_URL_HERE); }
#footer { background:url(FOOTER_URL_HERE); }

.contentHeader, .sidebar { display:none; }
table, tr, td { background:none; margin:0; }
#header, #main { border:0; }
#main { position:absolute; top:0; left:0; height:auto; }
</style />