outofcontextpremades got their homepage at Neopets.com

Welcome

Welcome to Out Of Context, a site that opened on April 25th 2012 for anyone looking for a premade petpage. This site's audience is mainly the roleplaying community here on Neopets, but everyone is welcome to use these layouts for whatever you'd like to use them for. This site was started by JayJay to provide unique, quality premade pages for roleplayers to use as pages for their characters. There are two types of pages on this site, Single Pages and Multiple Pages. Single Pages were made to use for a single character's information. Multiple Pages have more than one page and were made to use for more than one character. Each layout has lots of colors to choose from to fit your character. If you don't see a color you want, just neomail JayJay and she'll be glad to make a page with your specific colors. All layouts have been checked in Firefox and Chrome. They are not recommended if you use Internet Explorer. Every character is unique, and so every character should have a unique page.

Single Page

Soothing Square

Single Page. Image Space. Right Sidebar. Scrolls.

<div class="section">
<a name="one" id="one"></a>
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>

</div>
</div>
<br>

<div class="section">
<a name="one" id="one"></a>
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>

</div>
</div>
<br>

<div class="section">
<a name="one" id="one"></a>
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>

</div>
</div>
<br>

<div class="section">
<a name="one" id="one"></a>
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>

</div>
</div>
<br>

Classic Column

Single Page. Image Space. Left Navigation. Column.

<div class="side" style="position: absolute;">
<h3>Navigation</h3>
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<h3>Navigation</h3>
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<h3>Navigation</h3>
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<h3>Navigation</h3>
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<h3>Navigation</h3>
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<h3>Navigation</h3>
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>

<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

Header Harmony

Single Page. Image Space. Tab Navigation. Large Content Area.

<div class="side" style="position: absolute;">
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<h3>Line of Text</h3>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
<h3>Line of Text</h3>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
<h3>Line of Text</h3>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<h3>Line of Text</h3>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
<h3>Line of Text</h3>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
<h3>Line of Text</h3>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<h3>Line of Text</h3>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
<h3>Line of Text</h3>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
<h3>Line of Text</h3>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>

<div class="side" style="position: absolute;">
<a href="http://www.neopets.com/" class="nav">One</a>
<a href="http://www.neopets.com/" class="nav">Two</a>
<a href="http://www.neopets.com/" class="nav">Three</a>
<a href="http://www.neopets.com/" class="nav">Four</a>
</div>
<div class="main" style="position: absolute;">
<h1>Character</h1>
<center><img src="http://i1152.photobucket.com/albums/p500/dawnlegacy/blankimg.png" border="3"></center>
<h2>Information</h2>
<h3>Line of Text</h3>
<b>Name</b>- xxx<br><b>Age</b>- xxx<br><b>Hair</b>- xxx<br><b>Eyes</b>- xxx<br><b>Height</b>- xxx<br><b>Weight</b>- xxx<br><b>Personality</b>- xxx<br><b>Family</b>- xxx
<h2>Story</h2>
<h3>Line of Text</h3>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<h2>Credit</h2>
<h3>Line of Text</h3>
Layout from <a href="/~outofcontextpremades">Out of Context</a>. Page from Neopets.com.
</div>