Storm .

Premade CSS Layouts

Welcome

Welcome to Storm, a premade css and coding guide site. This site offers a variety of simple, modern css layouts, and a complete HTML and CSS coding guide. Feel free to edit the coding however you like, and please don't hesitate to send me a message if you have and questions, comments, or need any coding help. =)

Layouts

<div id="main">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>Navigation</h1>
<table style="width: 100%;"><tr valign="top">
<td style="width: 50%;">
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>
</td>
<td style="width: 50%;">
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>
</td>
</tr></table>
<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>
</div>

<h1>Navigation</h1>
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
text

</td>
<td id="main">

<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text
<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>. 
</td>
</tr></table>
</div>

<table id="table" cellpadding="0" cellspacing="10">
<tr><td colspan="2">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>
</td></tr>
<tr valign="top">
<td id="side">

<h1>Navigation</h1>
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
text

</td>
<td id="main">

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</td>
</tr>
</table>
</div>

<table id="table" cellpadding="0" cellspacing="15">
<tr><td colspan="2">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>
</td></tr>
<tr valign="top">
<td id="side">

<h1>Navigation</h1>
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
text

</td>
<td id="main">

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.  
</td>
</tr>
</table>
</div>

<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

</td></tr>
<tr valign="top">
<td id="spacer"></td>
<td>
<table id="laytable" cellspacing="20" cellpadding="0"><tr valign="top">
<td>
<div id="side">
<h1>Navigation</h1>
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>
</div>
</td>
<td>

<div id="main">
<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>
</td>
</tr></table>
</td>
<td id="spacer"></td>
</tr>
</table>

<div id="main">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>Navigation</h1>
<table style="width: 100%;"><tr valign="top">
<td style="width: 33%;">
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>
</td>
<td style="width: 33%;">
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>
</td>
<td style="width: 33%;">
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>
</td>
</tr></table>
<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>
</div>

<table id="table" cellpadding="0" cellspacing="0">
<tr><td colspan="2">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>
</td></tr>
<tr valign="top">
<td id="column">

</td>
<td id="column">

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>. 
</td>
</tr>
</table>
</div>

<table id="table" cellpadding="0" cellspacing="15"><tr valign="top">
<td id="column">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>Navigation</h1>
<div id="blocklink">
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
<a href="/~">This Is A Link</a>
</div>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
text

</td>
<td id="column">

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</td>
</tr></table>
</div>

<div id="main">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>
</div>

<h3>The <b>Name</b> Of The Page <b>.</b>
</h3>
<h4>This Is The Page's Subheader</h4>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.

</td></tr>
</table>
</div>

<h3>The <b>Name</b> Of The Page <b>.</b>
</h3>
<h4>This Is The Page's Subheader</h4>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>
</div>

Multiple Blog Layouts

<table id="table" cellpadding="0" cellspacing="20">
<tr><td colspan="2">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>
</td></tr>
<tr valign="top">
<td id="side">

<h1>Navigation</h1>
<div id="blocklink">
<a href="#one">Section 1</a>
<a href="#two">Section 2</a>
<a href="#three">Section 3</a>
<a href="#four">Section 4</a>
<a href="#five">Section 5</a>
</div>

<h1>This Is A Header</h1>
<h2>This Is A Subheader</h2>
text

</td>
<td>
<div id="container">

<a name="one"></a>
<div id="box">
<h1>This Is A Section 1</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>

<a name="two"></a>
<div id="box">
<h1>This Is A Section 2</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="three"></a>
<div id="box">
<h1>This Is A Section 3</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="four"></a>
<div id="box">
<h1>This Is A Section 4</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="five"></a>
<div id="box">
<h1>This Is A Section 5</h1>
<h2>This Is A Subheader</h2>
text 
</div>
</div>
</td>
</tr>
</table>
</div>

<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

</td></tr>
<tr><td id="bar">
<a href="#one">Section 1</a>
<a href="#two">Section 2</a>
<a href="#three">Section 3</a>
<a href="#four">Section 4</a>
<a href="#five">Section 5</a>
</td></tr>
<tr>
<td id="main">
<div id="container">

<a name="one"></a>
<div id="box">
<h1>This Is A Section 1</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>

<a name="two"></a>
<div id="box">
<h1>This Is A Section 2</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="three"></a>
<div id="box">
<h1>This Is A Section 3</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="four"></a>
<div id="box">
<h1>This Is A Section 4</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="five"></a>
<div id="box">
<h1>This Is A Section 5</h1>
<h2>This Is A Subheader</h2>
text 
</div>
</div>
</td>
</tr>
</table>
</div>

<h1>Navigation</h1>
<div id="blocklink">
<a href="#one">Section 1</a>
<a href="#two">Section 2</a>
<a href="#three">Section 3</a>
<a href="#four">Section 4</a>
<a href="#five">Section 5</a>
<a href="/">This Is A Link</a>
<a href="/">This Is A Link</a>
<a href="/">This Is A Link</a>
<a href="/">This Is A Link</a>
</div>

</td>
<td id="main">
<div id="container">

<a name="one"></a>
<div id="box">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>This Is A Section 1</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>

<a name="two"></a>
<div id="box">
<h1>This Is A Section 2</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="three"></a>
<div id="box">
<h1>This Is A Section 3</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="four"></a>
<div id="box">
<h1>This Is A Section 4</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="five"></a>
<div id="box">
<h1>This Is A Section 5</h1>
<h2>This Is A Subheader</h2>
text 
</div>
</div>
</td>
</tr></table>
</div>

<table id="table" cellpadding="0" cellspacing="0">
<tr><td colspan="2" id="bar">
<a href="#one">Section 1</a>
<a href="#two">Section 2</a>
<a href="#three">Section 3</a>
<a href="#four">Section 4</a>
<a href="#five">Section 5</a>
</td></tr>
<tr valign="top">
<td id="side">
<div id="blog">
<h1>This Section Is A Scrollbox</h1>
<h2>This Is A Subheader</h2>
text
</div>
</td>
<td id="main">
<div id="container">

<a name="one"></a>
<div id="box">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>This Is A Section 1</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>

<a name="two"></a>
<div id="box">
<h1>This Is A Section 2</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="three"></a>
<div id="box">
<h1>This Is A Section 3</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="four"></a>
<div id="box">
<h1>This Is A Section 4</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="five"></a>
<div id="box">
<h1>This Is A Section 5</h1>
<h2>This Is A Subheader</h2>
text 
</div>
</div>
</td>
</tr>
</table>
</div>

</td>
<td id="main">
<div id="container">

<a name="one"></a>
<div id="box">
<h3>The <b>Name</b> Of The Page</h3>
<h4>This Is The Page's Subheader</h4>

<h1>This Is A Section 1</h1>
<h2>This Is A Subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm</a>.
</div>

<a name="two"></a>
<div id="box">
<h1>This Is A Section 2</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="three"></a>
<div id="box">
<h1>This Is A Section 3</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="four"></a>
<div id="box">
<h1>This Is A Section 4</h1>
<h2>This Is A Subheader</h2>
text 
</div>

<a name="five"></a>
<div id="box">
<h1>This Is A Section 5</h1>
<h2>This Is A Subheader</h2>
text 
</div>
</div>
</td>
</tr></table>
</div>

<h1>Navigation.</h1>
<div id="blocklink">
<a href="#one">Section 1.</a>
<a href="#two">Section 2.</a>
<a href="#three">Section 3.</a>
<a href="#four">Section 4.</a>
<a href="#five">Section 5.</a>
</div>

</div>
</div>

<a name="one"></a>
<div id="box">
<h3>The <b>name</b> of the page <b>.</b>
</h3>
<h4>This is the page's subheader.</h4>

<h1>This is section 1</h1>
<h2>This is a subheader</h2>
<a href="/">link</a> <b>bold</b> <i>italic</i> text

<h1>Credit</h1>
Layout css from <a href="/~argenteus_">storm.</a>

</div>

<h1>This is section 2</h1>
<h2>This is a subheader</h2>
text

</div>

<h1>This is section 3</h1>
<h2>This is a subheader</h2>
text

</div>

<h1>This is section 4</h1>
<h2>This is a subheader</h2>
text

</div>

<h1>This is section 5</h1>
<h2>This is a subheader</h2>
text

</div>
</div>

Storm .

Premade CSS Layouts

Welcome

Layouts

Multiple Blog Layouts

Link Back Buttons

Listers

Credit