Intro:

Please excuse the mess. Under Major Construction. =)
After much procrastination, I have finally did a complete transformation on my old lookup templates page. New layout, new templates, and more stuff. I'm still in the process of making the two column and possible three column layouts.

Interested in right-aligning or left-aligning your template? See the bottom of this page to learn how! or click on 'Template Guide' on the top navigation.

Drag and drop the images into your browser's address bar to see the full image or right-click and click on 'View Image'.

1 Column:

first template

<style>

#header, #footer, #dd, hr {
display: none;
}

.content b, .content a img {
display: none;
}

.contentModule b, .contentModule a img, #box b, #box a img {
display: inline;
}

#main, #content {
width: 700px;
margin: 10px auto;
border: none;
}

#main {
border: 10px solid #bbb;
}

.contentModule {
border: none;
}

.contentModuleTable, .contentContent {
padding: 3px;
border: 1px solid #bbb;
}

.contentModuleHeader, .contentModuleHeaderAlt {
background: #666;
border-bottom: 3px solid #444;
}

#userneopets img {
width: 120px;
height: 120px;
}

#box {
border: 1px solid #bbb;
padding: 3px;
}

#navi {
background: #666;
padding: 5px;
}

#navi ul {
list-style:none;
margin: 0;
padding: 0;
}

#navi li {
display: inline;
}

#navi li a {
color: #fff;
border-bottom: 3px solid #444;
}

#navi li a:hover {
color: #fff;
border-bottom: 3px solid #fff;
}

#text {
background: #888;
margin-top: 3px;
padding: 3px;
}

body {
background: #ddd;
}

body, font, div, p, td {
color: #333;
}

b {
color: #000;
}

i {
color: #bbb;
}

.content a, .content a b {
color: #666;
}

.content a:hover, .content a:hover b {
color: #333;
}

</style>

<div id="box">
<div id="navi">
<ul>
<li><a href="/myaccount.phtml">My Account</a></li>
<li><a href="/petcentral.phtml">Pet Central</a></li>
<li><a href="/explore.phtml">Explore</a></li>
<li><a href="/games/arcade.phtml">Games</a></li>
<li><a href="/neoboards/index.phtml">Boards</a></li>
<li><a href="/objects.phtml">Shops</a></li>
<li><a href="/nf.phtml">News</a></li>
<li><a href="/video/index.phtml">Video</a></li>
</ul>
</div>

<div id="text">
Your text goes here! You have the freedom to change the colors on this template and to add images. Please leave the credit on either the lookup or in the coding. Don't forget to link back so that others can get their very own template! <br>
<i>italic</i> <b>bold</b> 
</div>
</div>

second template

<style>

#header, #footer, #dd, hr {
display: none;
}

.content b, .content a img {
display: none;
}

.contentModule b, .contentModule a img, #text b, #text a img {
display: inline;
}

#main, #content {
width: 700px;
border: none;
}

#main {
margin: 10px auto;
border-top: 2px solid #aaa;
border-left: 2px solid #ccc;
border-bottom: 3px solid #666;
border-right: 3px solid #888;
background: #ddd;
}

.contentModule {
border: none;
}

.contentModuleTable {
border-top: 2px solid #bbb;
border-left: 2px solid #bbb;
border-bottom: 3px solid #666;
border-right: 3px solid #888;
}

.contentModuleContent {
background: #eee;
}

.contentModuleHeader, .contentModuleHeaderAlt {
background: #fff;
color: #333;
text-align: center;
border-bottom: 1px solid #bbb;
}

#userneopets img {
width: 120px;
height: 120px;
}

#box {
background: #fff;
border-top: 2px solid #bbb;
border-left: 2px solid #bbb;
border-bottom: 3px solid #666;
border-right: 3px solid #888;
margin-bottom: 3px;
padding: 2px;
}

#box ul {
list-style:none;
margin: 0;
padding: 0;
}

#box li a {
color: #666;
display: block;
background: #bbb;
}

#box li a:hover {
background: #ddd;
}

img {
padding: 2px;
background: #ddd;
border: 1px solid #bbb;
}

body {
background: #eee;
}

body, font, div, p, td {
color: #333;
}

b {
color: #000;
}

i {
color: #bbb;
}

.content a, .content a b {
color: #666;
}

.content a:hover, .content a:hover b {
color: #333;
}

</style>

<div id="text">
<div id="box">
<ul>
<li><a href="/myaccount.phtml">My Account</a></li>
<li><a href="/petcentral.phtml">Pet Central</a></li>
<li><a href="/explore.phtml">Explore</a></li>
<li><a href="/games/arcade.phtml">Games</a></li>
<li><a href="/neoboards/index.phtml">Boards</a></li>
<li><a href="/objects.phtml">Shops</a></li>
<li><a href="/nf.phtml">News</a></li>
<li><a href="/video/index.phtml">Video</a></li>
</ul>
</div>

<div id="box">
Your text goes here! You have the freedom to change the colors on this template and to add images. Please leave the credit on either the lookup or in the coding. Don't forget to link back so that others can get their very own template! <br>
<i>italic</i> <b>bold</b> 
</div>
</div>

third template

<style>

#header, #footer, #dd, hr {
display: none;
}

.content b, .content a img, #userinfo img {
display: none;
}

.contentModule b, .contentModule a img, #text b, #text a img, #userinfo a img {
display: inline;
}

#main, #content {
width: 700px;
border: none;
}

#main {
margin: 10px auto;
border-top: 10px solid #fff;
background: #555;
padding: 5px;
}

#content {
background: #777;
}

.contentModule, .contentModuleTable {
border: none;
background: none;
}

.contentModuleContent {
background: #999;
border-bottom: 10px solid #fff;
}

.contentModuleHeader, .contentModuleHeaderAlt {
background: #444;
border-top: 3px solid #333;
}

#userneopets img {
width: 120px;
height: 120px;
}

.contentModule img {
padding: 2px;
background: #fff;
}

#box {
background: #BFBFBF;
padding: 3px;
margin-bottom: 10px;
border-top: 3px solid #444;
}

body {
background: #333;
}

body, font, div, p, td {
color: #333;
}

b {
color: #000;
}

i {
color: #bbb;
}

.content a, .content a b {
color: #666;
}

.content a:hover, .content a:hover b {
color: #333;
}

</style>
<div id="text">

<div id="box">
<a href="/myaccount.phtml">My Account</a>
<a href="/petcentral.phtml">Pet Central</a>
<a href="/explore.phtml">Explore</a>
<a href="/games/arcade.phtml">Games</a>
<a href="/neoboards/index.phtml">Boards</a>
<a href="/objects.phtml">Shops</a>
<a href="/nf.phtml">News</a>
<a href="/video/index.phtml">Video</a>
</div>

2 Column:

first template

second template

third template

3 Column:

first template

second template

third template

Old Templates:

first template

<style>

#header, #footer, #contentcontent {
display:none;
}

#main {
background:none;
border:none;
}

.contentModuleTable {
border:none;
}

.contentModule {
border:1px solid #000;
}

.contentModuleHeader {
background:#888;
color:#fff;
}

.contentModuleHeaderAlt{
background:#444;
color:#999;
}

#content {
width:750px;
background:#bbb;
margin:0 0 0 40px;
border-left:1px solid #000;
border-right:1px solid #000;
}

body {
background:#fff;
}

hr {
height:5px;
background:#bbb;
border:1px solid #000;
}

body, font, td, div, .medText {
color:#000;
font:12px arial;
}

a, a b {
color:#555;
}

a:hover, a:hover b {
color:#999;
}

#box {
border:1px solid #000;
background:#fff;
margin:0 0 5px 0;
}

#box a {
color:#555;
}

#box a:hover {
color:#999;
}

h1 {
margin:0;
background:#ddd;
text-align:center;
font:18px arial;
}

</style></i>

<div id="box">
<h1>Navigation</h1>
<a href="/petcentral.phtml">Pet Central</a> -
<a href="/explore.phtml">Explore</a> -
<a href="/games/arcade.phtml">Game Room</a> -
<a href="/neoboards/index.phtml">Boards</a> -
<a href="/objects.phtml">Shops</a> -
<a href="/nf.phtml">News</a>
</div>

<div id="box">
<h1>My Account</h1>
<a href="/myaccount.phtml">Control Panel</a> -
<a href="/userinfo.phtml">Edit Profile</a> -
<a href="/preferences.phtml">Preferences</a> -
<a href="/neomessages.phtml">Neomail</a> -
<a href="/neofriends.phtml">Neofriends</a> -
<a href="/reg/page5.phtml">Create a Pet</a>
</div>

<div id="box">
<h1>About Me</h1>

Type your information here!

<br><br>
Template by <a href="http://www.neopets.com/userlookup.phtml?user=soggytacos">Soggytacos</a>.<br>
Find the code here: <a href="~soggeh">http://www.neopets.com/~soggeh</a>

</div>

second template

<style>

#header, #footer, #contentcontent {
display:none;
}

#main {
background:none;
border:none;
}

.contentModuleTable {
border:3px solid #fff;
}

.contentModule {
border:1px solid #000;
}

.contentModuleHeader {
background:#888;
color:#fff;
text-align:center;
}

.contentModuleHeaderAlt{
background:#444;
color:#999;
text-align:center;
}

#content {
width:750px;
background:#bbb;
margin:0;
border-right:20px solid #666;
}

body {
background:#ddd;
}

hr {
height:5px;
background:#bbb;
border:1px solid #000;
}

body, font, td, div, .medText {
color:#000;
font:10px georgia;
}

a, a b {
color:#555;
}

a:hover, a:hover b {
color:#999;
}

#box {
border:1px solid #000;
background:#fff;
margin:0 0 5px 0;
padding:3px;
}

#box a {
color:#555;
}

#box a:hover {
color:#999;
}

h1 {
margin:0;
background:#ddd;
text-align:center;
font:18px georgia;
}

</style></i>

<div id="box">
<h1>About Me</h1>

Type your information here!

<br><br>
Template by <a href="http://www.neopets.com/userlookup.phtml?user=soggytacos">Soggytacos</a>.<br>
Find the code here: <a href="~soggeh">http://www.neopets.com/~soggeh</a>

</div>

third template

<style>

#header, #footer, #contentcontent {
display:none;
}

#main {
background:none;
border:none;
}

.contentModuleTable {
border:none;
}

.contentModule {
border:3px solid #ddd;
}

.contentModuleHeader {
background:#888;
color:#fff;
text-align:center;
font:18px century gothic;
}

.contentModuleHeaderAlt{
background:#444;
color:#999;
text-align:center;
font:18px century gothic;
}

#content {
width:750px;
background:#bbb;
margin:0;
}

body {
background:#ddd;
}

hr {
height:5px;
background:#ddd;
}

body, font, td, div, .medText {
color:#000;
font:10px georgia;
}

a, a b {
color:#555;
}

a:hover, a:hover b {
color:#999;
}

#box {
border:2px solid #ddd;
background:#fff;
padding:3px;
text-align:center;
}

#box a, #box2 a {
color:#555;
}

#box a:hover, #box2 a:hover {
color:#999;
}

#box2 {
border:3px solid #ddd;
background:#fff;
overflow:auto;
width:250px;
height:80px;
padding:3px;
}

h1 {
margin:0;
background:#ddd;
text-align:center;
font:18px century gothic;
}

</style></i>

<table border="0">
<tr>
<th rowspan="2">
<div id="box2">
<h1>About Me</h1>

Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!Type your information here!

<br><br>
Template by <a href="http://www.neopets.com/userlookup.phtml?user=soggytacos">Soggytacos</a>.<br>
Find the code here: <a href="~soggeh">http://www.neopets.com/~soggeh</a>
</div>
</th>
<td>
<div id="box">
<h1>Navigation</h1>
<a href="/petcentral.phtml">Pet Central</a> -
<a href="/explore.phtml">Explore</a> -
<a href="/games/arcade.phtml">Game Room</a> -
<a href="/neoboards/index.phtml">Boards</a> -
<a href="/objects.phtml">Shops</a> -
<a href="/nf.phtml">News</a>
</div>
</td>
</tr>
<tr>
<td>
<div id="box">
<h1>My Account</h1>
<a href="/myaccount.phtml">Control Panel</a> -
<a href="/userinfo.phtml">Edit Profile</a> -
<a href="/preferences.phtml">Preferences</a> -
<a href="/neomessages.phtml">Neomail</a> -
<a href="/neofriends.phtml">Neofriends</a> -
<a href="/reg/page5.phtml">Create a Pet</a>
</div></td>
</tr>
</table>

fourth template

<style>

#header, #footer, #contentcontent {
display:none;
}

#main {
background:none;
border:none;
}

.contentModuleTable {
border:3px solid #fff;
}

.contentModule {
border:none;
}

.contentModuleHeader {
background:#888;
height:1px;
color:#fff;
text-align:center;
font:10px verdana;
letter-spacing:5px;
text-transform:uppercase;
border-bottom:2px solid #666;
}

.contentModuleHeaderAlt{
background:#444;
height:1px;
color:#999;
text-align:center;
font:10px verdana;
letter-spacing:5px;
text-transform:uppercase;
border-bottom:2px solid #222;
}

#content {
width:750px;
background:#fff;
margin:0;
}

body {
background:#ddd;
}

hr {
height:5px;
background:#ddd;
border-bottom:1px solid #bbb;
}

.contentModule img {
filter:alpha(opacity=60);
opacity:.6;
}

.contentModule img:hover {
filter:alpha(opacity=100);
opacity:1;
}

body, font, td, div, .medText {
color:#000;
font:10px verdana;
}

a, a b {
color:#555;
}

a:hover, a:hover b {
color:#999;
}

#box {
background:#fff;
padding:3px;
margin-bottom:3px;
text-align:center;
}

#box a, #box2 a {
color:#555;
}

#box a:hover, #box2 a:hover {
color:#999;
}

#box2 {
border:1px solid #bbb;
background:#fff;
overflow:auto;
width:250px;
height:100px;
padding:3px;
margin-bottom:15px;
}

h1 {
color:#999;
text-align:center;
font:10px verdana;
letter-spacing:5px;
margin:0;
text-transform:uppercase;
}

#box2 h1 {
background:#ddd;
padding:3px;
color:#777;
text-align:center;
font:10px verdana;
letter-spacing:5px;
text-transform:uppercase;
border-bottom:2px solid #bbb;
}

</style></i>

<div id="box2">
<h1>About Me</h1>

Type your information here!

<br><br>
Template by <a href="http://www.neopets.com/userlookup.phtml?user=soggytacos">Soggytacos</a>.<br>
Find the code here: <a href="~soggeh">http://www.neopets.com/~soggeh</a>
</div>

Template Guide:

non-neohome users

The new one column templates are designed to fit a lookup with four pets and a neohome module. If you don't have a neohome and four neopets, then the templates will still work but your pet images won't be as large as they can get. If you want to make your pets larger again, follow these instructions:

Simply remove the following code from your CSS (coding within the 'style' tags). I suggest you copy and paste your coding on some kind of word document just in case you make a mistake:

left alignment

The new one column templates are currently center aligned. If you want it left-aligned, follow these instructions:

Replace this code:

... with this code:

right alignment

The new one column templates are currently center aligned. If you want it right-aligned, follow these instructions:

Replace this code:

... with this code:

FAQ

If you guys have any questions on parts of the coding or any other question that pertain to the templates, PLEASE ask me. I won't bite =) Not only will you be helping yourself, but you will be helping all the other people who have the same exact question as you. =P NEOMAIL ME