Welcome to the Layout Page!

Hi there! Here you can find my petpage layouts, userlookups, templates and headers!

Important! A purple background means a petpage~ the one under the title is the one in the preview, while other boxes have a different coding. An orange background means a lookup! Got it memorized? :D

Oh and- please grab a treat on your way out. :3

more?

CSS Layouts

Pink and Purple:

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="color: #FFFFFF; position: fixed; bottom: 0px; z-index: 2;"><tr><td align="center">
<font class="bottom">
<a class="linkage" href="/~saaikouze">credit</a>
<a class="linkage" href="/index.phtml">neopets</a>
<a class="linkage" href="/neomessages.phtml?type=send">contact</a></font>
</td></tr></table>
<center>
<div id="main">
<h1>Welcome!</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<a name="linkage"></a>
<h2>Check these out</h2>
<h3>Linkage!</h3>
<div class="text">
Neo-links
<ul>
<li>
<a href="/~Keandii">Save the Earth</a> by Rebecca, educate yourself on Global Warming and see how you can help!
</li>
<li>
<a href="/~Birnor">Who are we?</a> by Morgen, educate yourself on the pollution of the oceans and see how you can help!
</li>
<li>
<a href="/~Soroptimist">Soroptimist Directory</a> by Cass, for all other linkage needs. Haha!
</li>
</ul>
Somewhere in the www
<ul>
<li>Freerice, "For each answer you get right,we donate 10 grains of rice through the World Food Programme to end hunger." Answer questions on English, Math and other subjects- learn and give at the same time!
</li>
<li>The Hunger Site It's part of the Greater Good network- click and donate. It's <i>that</i> easy. Just bear with the ads.
</li>
<li>EcologyFund Also part of the Greater Good network- another click and donate site. This time, it's for the environment.
</li>
<li>Wikipedia, need I say more? XD
</li>
</ul>
</div>
<h3>The "Author" </h3>
<div class="text">
<img src="http://i38.tinypic.com/p0hdt.png">
My name is <i>Belsha</i>, a college student from the Pearl of the Orient. That's the Philippines, by the way. XD Some of you might recognize me from my former sites, Stargrazer and <a href="/~Saaikouze">Chocolate Box</a>. I'm a dreamer, and I'm pretty sure I'm not the only one, John Lennon was too. ^^ I <i>do</i> believe in world peace. It can happen. I believe that somehow, if we work towards it, the world can be a better place. <p>
I'm <i>not</i> fond of hypocrites. And I try my best to not be one myself. As far as my personal advocacy is concerned, that's education. It's a right. Although I also believe that for everyone to be able to receive education, some other problems must be solved too, as in hunger and the like.</p>
<p>
There isn't much to say, just thanks for dropping by, I suppose! :D</p>
<p>
P.S. For credit purposes, the original image in the fake av was by Himaruya Hidekaz, I colored it and made it an avatar.
</p>
</div>
<h3>Credits</h3>
<div class="text">
<ul>
<li>Layout by <a href="/~Saaikouze">Chocolate Box</a>.
</li>
<li>Background by <a href="/~teetot">Teetot</a>.
</li>
<li>Bullets by Soph at <a href="/~Sugarrush">Sugarrush</a>.
</li>
</ul>
<style>
ul {
	list-style-image: url("http://i53.tinypic.com/wkqovr.jpg");
}
i {
	color: #990099;
}
b {
	color: #663399;
}
u {
	color: #6600CC;
	text-decoration: none;
}
.text {
	border-left: 2px solid #999999;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	padding: 5px;
	background-color: #FFCCFF;
	margin: 10px;
	margin-top: 2px;
}
#main {
	background-color: #FFFFFF;
	border-left: 2px solid #FF9999;
	border-right: 2px solid #FF9999;
	padding: 0;
	text-align: left;
	margin: 0 auto;
	width: 602px;
	padding-bottom: 20px;
}
body {
	background-image: url("http://i50.tinypic.com/b6ag0k.png");
	background-repeat: repeat;
	font: 8pt tahoma;
	color: #660033;
	line-height: 12pt;
}
table {
	background-color: #000000;
	padding: 5px;
}
font.bottom {
	letter-spacing: 1px;
}
font.sf br {
	display: none;
}
font.sf {
	letter-spacing: 0px;
}
a {
	color: #CC0099;
	text-decoration: none;
}
a:hover {
	color: #FF99CC;
}
a.linkage {
	color: #FF9999;
	margin-right: 20px;
}
a.linkage:hover {
	color: #FFFFFF;
}
h1, h2 {
	background-color: #000000;
	margin: 0;
	padding: 2px;
	color: #FFFFFF;
	border-top: 2px solid #FF9999;
	border-bottom: 2px solid #FF9999;
	font: 14pt century gothic;
	padding-left: 10px;
}
img {
	border: 0;
}
h2 {
	font: 10pt arial;
	border-top: 2px solid #330066;
	border-bottom: 2px solid #330066;
	padding: 2px;
	text-align: right;
	padding-right: 10px;
}
h3 {
	font: 8pt tahoma;
	text-align: left;
	color: #990033;
	margin-bottom: 1px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 1px;
	border-bottom: 1px solid #990033;
	letter-spacing: 2px;
	font-weight: bold;
}
</style>
</div>
</div>
</center>

Blue and Green

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="color: #FFFFFF; position: fixed; bottom: 0px; z-index: 2;"><tr><td align="center">
<font class="bottom">
<a class="linkage" href="/~saaikouze">credit</a>
<a class="linkage" href="/index.phtml">neopets</a>
<a class="linkage" href="/neomessages.phtml?type=send">contact</a></font>
</td></tr></table>
<center>
<div id="main">
<h1>Welcome!</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<a name="linkage"></a>
<h2>Check these out</h2>
<h3>Linkage!</h3>
<div class="text">
<b>Neo-links</b>
<ul>
<li>
<a href="/~Keandii">Save the Earth</a> by Rebecca, educate yourself on Global Warming and see how you can help!
</li>
<li>
<a href="/~Birnor">Who are we?</a> by Morgen, educate yourself on the pollution of the oceans and see how you can help!
</li>
<li>
<a href="/~Soroptimist">Soroptimist Directory</a> by Cass, for all other linkage needs. Haha!
</li>
</ul>
<b>Somewhere in the www</b>
<ul>
<li>Freerice, "For each answer you get right,we donate 10 grains of rice through the World Food Programme to end hunger." Answer questions on English, Math and other subjects- learn and give at the same time!
</li>
<li>The Hunger Site It's part of the Greater Good network- click and donate. It's <i>that</i> easy. Just bear with the ads.
</li>
<li>EcologyFund Also part of the Greater Good network- another click and donate site. This time, it's for the environment.
</li>
<li>Wikipedia, need I say more? XD
</li>
</ul>
</div>
<h3>The "Author" </h3>
<div class="text">
<img src="http://i38.tinypic.com/p0hdt.png">
My name is <i>Belsha</i>, a college student from the Pearl of the Orient. That's the Philippines, by the way. XD Some of you might recognize me from my former sites, Stargrazer and <a href="/~Saaikouze">Chocolate Box</a>. I'm a dreamer, and I'm pretty sure I'm not the only one, John Lennon was too. ^^ I <i>do</i> believe in world peace. It can happen. I believe that somehow, if we work towards it, the world can be a better place. <p>
I'm <i>not</i> fond of hypocrites. And I try my best to not be one myself. As far as my personal advocacy is concerned, that's education. It's a right. Although I also believe that for everyone to be able to receive education, some other problems must be solved too, as in hunger and the like.</p>
<p>
There isn't much to say, just thanks for dropping by, I suppose! :D</p>
<p>
P.S. For credit purposes, the original image in the fake av was by Himaruya Hidekaz, I colored it and made it an avatar.
</p>
</div>
<h3>Credits</h3>
<div class="text">
<ul>
<li>Layout by <a href="/~Saaikouze">Chocolate Box</a>.
</li>
<li>Background by <a href="/~teetot">Teetot</a>.
</li>
<li>Bullets by Soph at <a href="/~Sugarrush">Sugarrush</a>.
</li>
</ul>
<style>
ul {
	list-style-image: url("http://i55.tinypic.com/106h82t.jpg");
}
i {
	color: #009966;
}
b {
	color: #339966;
}
u {
	color: #006633;
	text-decoration: none;
}
.text {
	border-left: 2px solid #999999;
	border-top: 2px solid #999999;
	border-bottom: 2px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	padding: 5px;
	background-color: #CCFFFF;
	margin: 10px;
	margin-top: 2px;
}
#main {
	background-color: #FFFFFF;
	border-left: 2px solid #9999FF;
	border-right: 2px solid #9999FF;
	padding: 0;
	text-align: left;
	margin: 0 auto;
	width: 602px;
	padding-bottom: 20px;
}
body {
	background-image: url("http://i46.tinypic.com/2i99w9.png");
	background-repeat: repeat;
	font: 8pt tahoma;
	color: #330066;
	line-height: 12pt;
}
table {
	background-color: #000000;
	padding: 5px;
}
font.bottom {
	letter-spacing: 1px;
}
font.sf br {
	display: none;
}
font.sf {
	letter-spacing: 0px;
}
a {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #9999CC;
}
a.linkage {
	color: #9999CC;
	margin-right: 20px;
}
a.linkage:hover {
	color: #FFFFFF;
}
h1, h2 {
	background-color: #000000;
	margin: 0;
	padding: 2px;
	color: #FFFFFF;
	border-top: 2px solid #9999FF;
	border-bottom: 2px solid #9999FF;
	font: 14pt century gothic;
	padding-left: 10px;
}
img {
	border: 0;
}
h2 {
	font: 10pt arial;
	border-top: 2px solid #006633;
	border-bottom: 2px solid #006633;
	padding: 2px;
	text-align: right;
	padding-right: 10px;
}
h3 {
	font: 8pt tahoma;
	text-align: left;
	color: #330099;
	margin-bottom: 1px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 1px;
	border-bottom: 1px solid #330099;
	letter-spacing: 2px;
	font-weight: bold;
}
</style>
</div>
</div>
</center>

Graphic Layouts

Abstract

Title: Accidental Explosion

<div id="top" style="position: relative;">
<div id="nav" style="position: absolute;">
<a href="/index.phtml">Home</a>
<a href="/~Saaikouze">Credit</a>
<a href="#site">Sitely</a>
What sections do all sites have anyway? O_o
Anyway~
<a href="/index.phtml">Testing~~</a>
</div>
<div id="name" style="position: absolute;">
Site Name Here
</div>
</div>
<div id="main" style="position: relative;">
<table><tr valign="top">
<td>
<div class="content" style="width: 580px;">
<h1>Header one</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
<a href="/~Saaikouze"> 
<img src="http://s6.tinypic.com/2dhvimd.jpg"></a>
<br><br><br>
test text 8D</p>
<p>
This is a scroll box, so is the side bar.
<br>Some people like it with a border around their boxes, some people don't. So if you don't want it, just remove the "border:2px solid #333333;" in the style tags inside the ".content" part~ Thanks for your understanding! ^^
</p>
</div>
</td>
<td>
<div class="content" style="width: 200px;">
<h1>header one</h1>
<h2>header two</h2>
<h3>header three</h3>
sidebarr~

</div>
</td>
</tr></table>
</div>
<div id="neocred">
<style>
#main {
	width: 800px;
	margin: 0 auto;
	height: 460px;
}
#neocred {
	width: 800px;
	margin: 0 auto;
	padding: 10px;
}
#neocred br {
	display: none;
}
.content {
	height: 440px;
	overflow: auto;
	padding: 10px;
	font: 8pt tahoma;
	line-height: 150%;
	border: 2px solid #333333;
}
i {
	color: #84A0D0;
}
u {
	color: #DEBEFF;
}
b {
	color: #C4EFFF;
	letter-spacing: 2px;
	font-weight: normal;
}
#main a img:hover {
}
a:link, a:visited, a:active {
	color: #DADEF5;
	text-decoration: none;
}
a:hover {
	color: #333333;
}
#top {
	background: url("http://i40.tinypic.com/2a50hnd.jpg");
	width: 960px;
	margin: 0 auto;
	height: 325px;
}
#nav {
	top: 290px;
	left: 9px;
	width: 933px;
	height: 24px;
	overflow: hidden;
	font: 10pt georgia;
	text-align: center;
	text-transform: uppercase;
}
#nav a {
	color: #EAEDFE;
	letter-spacing: 2px;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}
#nav a:hover {
	color: #9AA8E5;
}
#name {
	font: 40pt Georgia;
	letter-spacing: 2px;
	background-color: #000000;
	left: 360px;
	top: 225px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
body {
	font: 8pt tahoma;
	color: #FFFFFF;
	background: url("http://i41.tinypic.com/i5rig1.jpg");
	background-repeat: repeat-x;
	background-color: #01010D;
}
table {
	background: #000000;
}
h1, h2 {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: 2px;
	text-align: left;
	text-transform: uppercase;
}
h2 {
	border-bottom: 1px solid #9f40d8;
	font: 8pt tahoma;
	background: url("http://i40.tinypic.com/2hz6ert.jpg");
}
h1 {
	border-bottom: 2px solid #4da1ab;
	font: 10pt georgia;
	background: url("http://i39.tinypic.com/eap74w.jpg");
}
h3 {
	padding-right: 5px;
	font: 8pt tahoma;
	color: #d4959e;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #bc909d;
	letter-spacing: 2px;
	text-align: right;
	text-transform: lowercase;
}
img {
	border: 0px;
}
</style>
</div>

<div id="text">
<h1>Welcome to my lookup!</h1>
<a href="/~Saaikouze"> 
<img src="http://s6.tinypic.com/2dhvimd.jpg" border="0"></a> 
</div>
(style)
body{background:url(http://i35.tinypic.com/2dmi8aa.png);background-repeat:repeat-x;background-color:#01010D;font:8pt tahoma;color:#FFFFFF;}
#text{height:150px;width:625px;border:2px solid #333333;margin:10px;padding:10px;overflow:auto;margin-bottom:40px;margin-top:60px;}
#main{width:884px;background-none;border:0px;}
#content{padding-top:310px;background-color:#01010D;width:884px;border:0px;}
.contentModule,.contentModuleTable,.contentModuleContent{background:none;border:0px;}
.brand-mamabar,#ban{display:none;}
#header{background:url(http://i40.tinypic.com/2a50hnd.jpg);width:960px;margin:0 auto;height:325px;
top:90px;position:absolute;margin:0 auto;border-bottom:5px solid #01010D;}
#template_nav{position:absolute;top:282px;left:80px;background:url(http://i52.tinypic.com/dr5grq.jpg);opacity:.8;}
hr,.contentModuleHeader,.contentModuleHeaderAlt,#footer{display:none;}
i{color:#84A0D0;}
u{color:#DEBEFF;}
b{color:#C4EFFF;}
a img:hover{color:#FFFFFF;}
a:link,a:visited,a:active{color:#DADEF5;text-decoration:none;}
a:hover{color:#333333;}
h1,h2{
padding-left:5px;padding-top:3px;padding-bottom:2px;padding-right:5px;
margin-top:5px;margin-bottom:5px;
letter-spacing:2px;
text-align:left;
text-transform:uppercase;
}
h2{border-bottom:1px solid #9f40d8;font:8pt tahoma;background:url(http://i40.tinypic.com/2hz6ert.jpg);}
h1{border-bottom:2px solid #4da1ab;font:10pt georgia;background:url(http://i39.tinypic.com/eap74w.jpg);}
h3{padding-right:5px;font:8pt tahoma;color:#d4959e;margin-top:5px;margin-bottom:5px;border-bottom:1px solid #bc909d;letter-spacing:2px;text-align:right;
text-transform:lowercase;}
.nav_image img:hover{background-color:#FF99FF;opacity:0.4;}
.dropdown{background-color:#FFCCFF !important; border:1px solid #330033 !important;}
.dropdown li{background-color:#FFCCFF;color:#663366;}
.dropdown a:hover{background-color:#CC66CC;color:#FFCCFF !important;display:block;}
( /style)

Hetalia (Axis Powers)

Title: Memories of Taiwan

<b>bold</b> <i>italic</i> underline
<a href="/index.phtml">link</a><p>
<a href="/~Saaikouze"> 
<img src="http://s6.tinypic.com/2dhvimd.jpg" border="0"></a>
lolololololol<br>
Special notes regarding this layout~</p>
<p>
This is one of those layouts I think would look best if you actually used a graphics program to type your site name instead of the one I provided. ^^ Mkay? Thanks! ^^</p>
<p>
CBox Premade Layout #7: Memories of Taiwan-tan<br>

Feat.: Chibi Taiwan from Hetalia<br>
Original Lineart by Himaruya Hidekaz<br>
Colored by, Layout by: CBox<br>
Brushes by: TRP;</p>
<p>
Feel free to remove the first two lines of that but DO NOT, I repeat, DO NOT remove the last three. Put them where you place your credits please~ Thanks! ^^</p>
<p>
If you're going to use tables, then but a "background:none" in the HTML or something because the tables have black backgrounds~ ^^</p>
<p>
What else~~ hm... thanks for using! ^^

</p>
</div>
</div>
<div id="end" style="position: relative;">
<div id="cred" style="position: relative;">
<style>
table {
	background: #000000;
}
h1, h2 {
	font: 12pt georgia;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
}
h1, h2, h3 {
	margin-bottom: 2px;
	margin-top: 3px;
}
h1 {
	border-bottom: 2px solid #A0522D;
	color: #8b0000;
	padding: 0px;
}
h2 {
	color: #B22222;
	padding-left: 10px;
	border-left: 20px solid #B22222;
}
h3 {
	color: #DB7093;
	font: 10pt century gothic;
	font-weight: bold;
	padding-right: 100px;
	text-align: right;
	background: url("http://i30.tinypic.com/25s8qdd.jpg");
	border-left: 5px solid #F08080;
}
b {
	color: #CD5C5C;
}
i {
	color: #DB7093;
}
u {
	color: #FF6347;
	text-decoration: none;
}
a:link, a:active, a:visited {
	color: #B22222;
	text-decoration: none;
}
a:hover, a img:hover {
}
font.sf br {
	display: none;
}
body {
	background-color: #FFE9E5;
	font: 8pt tahoma;
	color: #8b4513;
}
#main {
	background: url("http://i42.tinypic.com/2ylvhph.png");
	width: 900px;
	top: -5px;
	margin: 0 auto;
}
#end {
	background: url("http://i44.tinypic.com/2u3uogp.png");
	width: 900px;
	height: 70px;
	top: -10px;
	margin: 0 auto;
	padding: 0px;
}
#cred, #cont {
	padding-left: 76px;
	padding-right: 76px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#cred {
	top: -50px;
}
#cont {
	padding-bottom: 50px;
	top: -30px;
}
#top {
	width: 900px;
	height: 449px;
	background: url("http://i39.tinypic.com/16jinuc.png");
	margin: 0 auto;
}
#box {
	top: 22px;
	left: 22px;
	width: 191px;
	height: 168px;
	padding: 3px;
	background-color: #fdfcec;
	overflow: auto;
}
#name {
	font: 44pt century gothic;
	font-weight: bold;
	top: 290px;
	left: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #8b2d00;
	padding-left: 15px;
	padding-right: 25px;
	background-color: #f5eace;
}
</style>
</div>
</div>

2 col:

<div id="top" style="position: relative;">
<div id="box" style="position: absolute;">
TEXT HERE and such~~<br>
This is a little box where you might want to put your updates. You could also put your welcome message here, maybe some link back buttons? A page counter? Maybe those "vote for me" buttons that lots of sites have? I don't believe in those, by the way. People should vote for which entry is best, and its sort of biased if they get to know it from your site, with you asking them to vote for you. Unless of course, you explicitly state that you want them to vote for the best entry. @@ That's just me. XD Anyway. XDD Well, feel free to put whatever you want over here. XDD I said a lot just to make this scroll, okay? XD
</div>
<div id="name" style="position: absolute;">
Site Name Here~~
</div>
</div>
<div id="main" style="position: relative;">
<div id="cont" style="position: relative;">
<table style="background: none; font: 8pt tahoma;"><tr valign="top">
<td width="20%">
<div style="height: 400px; overflow: auto;">
<a href="/~Saaikouze"><h4 class="nav">Nav 1</h4></a>
<a href="/~Saaikouze"><h4 class="nav">Nav 2</h4></a>
<a href="/~Saaikouze"><h4 class="nav">Nav 1</h4></a>
<a href="/~Saaikouze"><h4 class="nav">Nav 2</h4></a>
</div>
</td>
<td>
<div style="height: 400px; overflow: auto;">
<h1>Header one</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<b>bold</b> <i>italic</i> underline
<a href="/index.phtml">link</a><p>
<a href="/~Saaikouze"> 
<img src="http://s6.tinypic.com/2dhvimd.jpg" border="0"></a>
lolololololol<br>
Special notes regarding this layout~</p>
<p>
This is one of those layouts I think would look best if you actually used a graphics program to type your site name instead of the one I provided. ^^ Mkay? Thanks! ^^</p>
<p>
CBox Premade Layout #7: Memories of Taiwan-tan<br>
Feat.: Chibi Taiwan from Hetalia<br>
Original Lineart by Himaruya Hidekaz<br>
Colored by, Layout by: CBox<br>
Brushes by: TRP;</p>
<p>
Feel free to remove the first two lines of that but DO NOT, I repeat, DO NOT remove the last three. Put them where you place your credits please~ Thanks! ^^</p>
<p>
If you're going to use tables, then but a "background:none" in the HTML or something because the tables have black backgrounds~ ^^</p>
<p>
What else~~ hm... thanks for using! ^^
lolololololol<br>
Special notes regarding this layout~</p>
<p>
This is one of those layouts I think would look best if you actually used a graphics program to type your site name instead of the one I provided. ^^ Mkay? Thanks! ^^</p>
<p>
CBox Premade Layout #7: Memories of Taiwan-tan<br>
Feat.: Chibi Taiwan from Hetalia<br>
Original Lineart by Himaruya Hidekaz<br>
Colored by, Layout by: CBox<br>
Brushes by: TRP;</p>
<p>
Feel free to remove the first two lines of that but DO NOT, I repeat, DO NOT remove the last three. Put them where you place your credits please~ Thanks! ^^</p>
<p>
If you're going to use tables, then but a "background:none" in the HTML or something because the tables have black backgrounds~ ^^</p>
<p>
What else~~ hm... thanks for using! ^^
</p>
</div>
</td>
</tr></table>
</div>
</div>
<div id="end" style="position: relative;">
<div id="cred" style="position: relative;">
<style>
table {
	background: #000000;
}
h1, h2 {
	font: 12pt georgia;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
}
h1, h2, h3 {
	margin-bottom: 2px;
	margin-top: 3px;
}
h1 {
	border-bottom: 2px solid #A0522D;
	color: #8b0000;
	padding: 0px;
}
h4.nav {
	background: url("http://i27.tinypic.com/dgq9tl.png");
	background-repeat: repeat-x;
	padding-left: 10px;
	font: 10pt georgia;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
}
h2 {
	color: #B22222;
	padding-left: 10px;
	border-left: 20px solid #B22222;
}
h3 {
	color: #DB7093;
	font: 10pt century gothic;
	font-weight: bold;
	padding-right: 100px;
	text-align: right;
	background: url("http://i30.tinypic.com/25s8qdd.jpg");
	border-left: 5px solid #F08080;
}
b {
	color: #CD5C5C;
}
i {
	color: #DB7093;
}
u {
	color: #FF6347;
	text-decoration: none;
}
a:link, a:active, a:visited {
	color: #B22222;
	text-decoration: none;
}
a:hover, a img:hover, a h4:hover {
}
font.sf br {
	display: none;
}
body {
	background-color: #FFE9E5;
	font: 8pt tahoma;
	color: #8b4513;
}
#main {
	background: url("http://i42.tinypic.com/2ylvhph.png");
	width: 900px;
	top: -5px;
	margin: 0 auto;
}
#end {
	background: url("http://i44.tinypic.com/2u3uogp.png");
	width: 900px;
	height: 70px;
	top: -50px;
	margin: 0 auto;
	padding: 0px;
}
#cred, #cont {
	padding-left: 76px;
	padding-right: 76px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#cred {
	top: -50px;
}
#cont {
	padding-bottom: 50px;
	top: -30px;
}
#top {
	width: 900px;
	height: 449px;
	background: url("http://i39.tinypic.com/16jinuc.png");
	margin: 0 auto;
}
#box {
	top: 22px;
	left: 22px;
	width: 191px;
	height: 168px;
	padding: 3px;
	background-color: #fdfcec;
	overflow: auto;
}
#name {
	font: 44pt century gothic;
	font-weight: bold;
	top: 290px;
	left: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #8b2d00;
	padding-left: 15px;
	padding-right: 25px;
	background-color: #f5eace;
}
</style>
</div>
</div>

<div id="top" style="position: absolute; background: url('http://i39.tinypic.com/16jinuc.png'); width: 900px; height: 449px; top: 90px;">
<div id="box" style="position: absolute;">
<p>
<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;
<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;
</p>
</div>
</div>
<div id="main2" style="position: absolute; top: 490px; background-image: url('http://i42.tinypic.com/2ylvhph.png'); background-repeat: repeat-y; padding-left: 76px; padding-right: 76px; padding-top: 0px;">
<div>
<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="/~Saaikouze">layout</a> <p>
<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;
<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;
<style>
#box {
	top: 22px;
	left: 22px;
	width: 191px;
	height: 168px;
	padding: 3px;
	background-color: #fdfcec;
	overflow: auto;
}
body {
	background-color: #FFE9E5;
	font: 8pt tahoma;
	color: #8b4513;
}
#top, #main2 {
	margin: 0 auto;
}
#main {
	background: none;
	border: 0;
	width: 900px;
}
#content {
	width: 600px;
}
#top img {
}
#top img:hover {
}
.contentModuleTable, .contentModuleContent, .contentModule {
	background: none;
	margin: 0;
	border: 0;
}
.contentModule {
	width: 300px;
}
#usertrophies img {
	width: 70%;
	height: 70%;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	background-color: #DB7093;
}
.brand-mamabar, #header, #footer, #userneohome, #ban {
	display: none;
}
b {
	color: #CD5C5C;
}
i {
	color: #DB7093;
}
u {
	color: #FF6347;
	text-decoration: none;
}
a:link, a:active, a:visited {
	color: #B22222;
	text-decoration: none;
}
a:hover, a img:hover, a h4:hover {
}
</style></p>
</div>
</div>

Title: Nordic Explosion

<div id="top" style="position: relative;">
<div id="nav" style="position: absolute;">
<a href="/index.phtml">Home</a><a href="/~Saaikouze">Credit</a><a href="#site">Sitely</a><a href="/index.phtml">Testing~~</a><a href="/index.phtml">Home</a><a href="/~Saaikouze">Credit</a><a href="#site">Sitely</a><a href="/index.phtml">Testing~~</a><a href="/index.phtml">Home</a><a href="/~Saaikouze">Credit</a>
</div>
<div id="name" style="position: absolute;">

</div>
</div>
<div id="main" style="position: relative;">
<table><tr valign="top">
<td>
<div class="content" style="width: 580px;">
<h1>Header one</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
<a href="/~Saaikouze"> 
<img src="http://s6.tinypic.com/2dhvimd.jpg"></a>
<br><br><br>
test text 8D</p>
<p>
This is a scroll box, so is the side bar.
<br>Some people like it with a border around their boxes, some people don't. So if you don't want it, just remove the "border:2px solid #333333;" in the style tags inside the ".content" part~ Thanks for your understanding! ^^
</p>
</div>
</td>
<td>
<div class="content" style="width: 200px;">
<h1>header one</h1>
<h2>header two</h2>
<h3>header three</h3>
sidebarr~

</div>
</td>
</tr></table>
</div>
<div id="neocred">
<style>
#main {
	width: 800px;
	margin: 0 auto;
	height: 460px;
}
#neocred {
	width: 800px;
	margin: 0 auto;
	padding: 10px;
}
#neocred br {
	display: none;
}
.content {
	height: 440px;
	overflow: auto;
	padding: 10px;
	font: 8pt tahoma;
	line-height: 150%;
	border: 2px solid #333333;
}
i {
	color: #84A0D0;
}
u {
	color: #DEBEFF;
}
b {
	color: #C4EFFF;
	letter-spacing: 2px;
	font-weight: normal;
}
#main a img:hover {
}
a:link, a:visited, a:active {
	color: #DADEF5;
	text-decoration: none;
}
a:hover {
	color: #333333;
}
#top {
	background: url("http://i43.tinypic.com/5b7493.jpg");
	width: 884px;
	margin: 0 auto;
	height: 325px;
}
#nav {
	top: 282px;
	width: 880px;
	height: 50px;
	overflow: hidden;
	font: 10pt georgia;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
}
#nav a {
	color: #EAEDFE;
	letter-spacing: 2px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background: url("http://i55.tinypic.com/dw4484.jpg");
	margin: 0;
	border: 0;
	padding-top: 20px;
	padding-bottom: 5px;
}
#nav a:hover {
	color: #9AA8E5;
}
#name {
	font: 40pt Georgia;
	letter-spacing: 2px;
	background-color: #000000;
	left: 360px;
	top: 225px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
body {
	font: 8pt tahoma;
	color: #FFFFFF;
	background: url("http://i41.tinypic.com/i5rig1.jpg");
	background-repeat: repeat-x;
	background-color: #01010D;
}
table {
	background: #000000;
}
h1, h2 {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: 2px;
	text-align: left;
	text-transform: uppercase;
}
h2 {
	border-bottom: 1px solid #9f40d8;
	font: 8pt tahoma;
	background: url("http://i40.tinypic.com/2hz6ert.jpg");
}
h1 {
	border-bottom: 2px solid #4da1ab;
	font: 10pt georgia;
	background: url("http://i39.tinypic.com/eap74w.jpg");
}
h3 {
	padding-right: 5px;
	font: 8pt tahoma;
	color: #d4959e;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #bc909d;
	letter-spacing: 2px;
	text-align: right;
	text-transform: lowercase;
}
img {
	border: 0px;
}
</style>
</div>

<div id="text">
<h1>Welcome to my lookup!</h1>
Images by Himaruya Hidekaz, Hetalia is also by him<p>
<a href="/~Saaikouze"> 
<img src="http://s6.tinypic.com/2dhvimd.jpg" border="0"></a> 
</p>
</div>
(style)
body{background:url(http://i35.tinypic.com/2dmi8aa.png);background-repeat:repeat-x;background-color:#01010D;font:8pt tahoma;color:#FFFFFF;}
#text{height:150px;width:625px;border:2px solid #333333;margin:10px;padding:10px;overflow:auto;margin-bottom:40px;margin-top:60px;}
#main{width:884px;background-none;border:0px;}
#content{padding-top:310px;background-color:#01010D;width:884px;border:0px;}
.contentModule,.contentModuleTable,.contentModuleContent{background:none;border:0px;}
.brand-mamabar,#ban{display:none;}
#header{background:url(http://i43.tinypic.com/5b7493.jpg);height:325px;width:884px;top:90px;position:absolute;margin:0 auto;border-bottom:5px solid #01010D;}
#template_nav{position:absolute;top:282px;left:80px;background:url(http://i52.tinypic.com/dr5grq.jpg);opacity:.8;}
hr,.contentModuleHeader,.contentModuleHeaderAlt,#footer{display:none;}
i{color:#84A0D0;}
u{color:#DEBEFF;}
b{color:#C4EFFF;}
a img:hover{color:#FFFFFF;}
a:link,a:visited,a:active{color:#DADEF5;text-decoration:none;}
a:hover{color:#333333;}
h1,h2{
padding-left:5px;padding-top:3px;padding-bottom:2px;padding-right:5px;
margin-top:5px;margin-bottom:5px;
letter-spacing:2px;
text-align:left;
text-transform:uppercase;
}
h2{border-bottom:1px solid #9f40d8;font:8pt tahoma;background:url(http://i40.tinypic.com/2hz6ert.jpg);}
h1{border-bottom:2px solid #4da1ab;font:10pt georgia;background:url(http://i39.tinypic.com/eap74w.jpg);}
h3{padding-right:5px;font:8pt tahoma;color:#d4959e;margin-top:5px;margin-bottom:5px;border-bottom:1px solid #bc909d;letter-spacing:2px;text-align:right;
text-transform:lowercase;}
.nav_image img:hover{background-color:#FF99FF;opacity:0.4;}
.dropdown{background-color:#FFCCFF !important; border:1px solid #330033 !important;}
.dropdown li{background-color:#FFCCFF;color:#663366;}
.dropdown a:hover{background-color:#CC66CC;color:#FFCCFF !important;display:block;}
( /style)

Kuroshitsuji

Title: Phantomhive Herd

Umineko no Naku Koro Ni

Title: Eva Beatrice's Happy Stroll

Unknown

Title: Cautious Fairy

Title: Twins of Wonderland

<div id="top" style="position: absolute; background: url('http://s6.tinypic.com/24qmuzt.png'); width: 760px; height: 400px; top: 90px;">
<div style="position: absolute; top: 120px; left: 364px; width: 370px; height: 160px; overflow: auto; background-color: white;">
<p>
<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;
<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;<b>Ohai there!</b> <b>bold</b> <i>italics</i> underline</p>
<p>
NOTE: Please just add the missing links (nc mall, news, neohome) if you want ^^;
</p>
</div>
</div>
<div id="main2" style="position: absolute; top: 490px; background-image: url('http://s6.tinypic.com/2uy4m4o.png'); background-repeat: repeat-y; padding-left: 65px; padding-right: 65px; padding-top: 0px;">
<div>
<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="/~Saaikouze">layout</a> <p>
<style>
body {
	background-color: #C4AAB1;
	font: 8pt tahoma;
	text-align: center;
	background-image: url("http://i54.tinypic.com/35ic32u.jpg");
	background-repeat: repeat-x;
}
#top, #main2 {
	margin: 0 auto;
}
#main {
	background: none;
	border: 0;
	width: 760px;
}
#content {
	width: 600px;
}
#top img {
}
#top img:hover {
}
.contentModuleTable, .contentModuleContent, .contentModule {
	background: none;
	margin: 0;
	border: 0;
}
.contentModule {
	width: 180px;
}
#usertrophies img {
	width: 70%;
	height: 70%;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	background-color: #C4AAB1;
}
.brand-mamabar, #header, #footer, #userneohome, #ban {
	display: none;
}
b {
	color: #111199;
}
i {
	color: #BA55D3;
}
u {
	text-decoration: none;
	color: #9966FF;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #9932CC;
}
a:hover {
	cursor: crosshair;
	color: #E0FFFF;
}
</style></p>
</div>
</div>

Vocaloid

Title: After the Concert

<div id="taas" style="position: absolute; background: url('http://s6.tinypic.com/2wpt1ug.png'); width: 760px; height: 438px; top: 90px;">
<div style="position: absolute; width: 100px; top: 20px; left: 640px;">
<a href="/myaccount.phtml"><h1>Account</h1></a>
<a href="/customise/"><h1>Customise</h1></a>
<a href="/games/arcade.phtml"><h1>Games</h1></a>
<a href="/explore.phtml"><h1>Explore</h1></a>
<a href="/nf.phtml"><h1>News</h1></a>
<a href="/petcentral.phtml"><h1>Pet Central</h1></a>
<a href="/neoboards/index.phtml"><h1>Boards</h1></a>
<a href="/objects.phtml"><h1>Customise</h1></a>
<a href="/mall/index.phtml"><h1>NC Mall</h1></a>
<a href="/~Saaikouze"><h1>Layout</h1></a>
</div>
<div style="position: absolute; top: 300px; left: 200px;">
<h2>Welcome!</h2>
</div>
</div>
<div id="laman" style="position: absolute; top: 488px; background-color: white; padding: 10px; width: 700px;">
Hihi! This is a test~ I'm checking stuff. XD Yeah. XD Hihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XDHihi! This is a test~ I'm checking stuff. XD Yeah. XD
<p>
</p>
<div>
(style)
.brand-mamabar,#header,#footer,#ban{display:none;}
#main{background:none;border:0;width:760px;}
#taas,#laman{margin:0 auto;}
.contentModule{position:relative;top:400px;}
.contentModuleTable,.contentModule,.contentModuleContent{border:0;background:none;margin:0;}
body,.contentModuleHeaderAlt{background-color:#000000;}
body{font:8pt tahoma;}
h1{font:13px Georgia;background:#FFB6C1;width:auto;border-right:15px solid red;opacity:0.7;margin:0px;border-bottom:1px solid red;padding:1px;color:black;}
h1:hover{background:#000000;color:#FFCCCC;}
h2{font:48px Century Gothic;color:#FFFFFF;background:#000000;opacity:0.8;padding-left:30px;padding-right:30px;}

a:active,a:link,a:visited{color:#8b0000;text-decoration:none;}
a:hover{color:#FFCCCC;cursor:crosshair;}
b{color:#800000;}
i{color:#B22222;}
u{color:#330000;text-decoration:none;}
( /style)

</div>
</div>

Headers

A red header!

An orange header!

A yellow header!

A green header!

A pink header!

A blue header!

A purple header!

This is a header

a what?

a header

a what?

a header

Oh a header~

Q & A

Important Note!

There's a filter problem with the petpages and so- if a lookup doesn't work, please replace the parentheses in (style) and ( /style) with triangular brackets. ^^

It isn't working!

But why! T.T

Joke. Just please inform me and I'll try to fix it.

CSS Layouts

Graphic Layouts

Abstract

Hetalia (Axis Powers)

Kuroshitsuji

Umineko no Naku Koro Ni

Unknown

Vocaloid

Headers

A red header!

An orange header!

A yellow header!

A green header!

A pink header!

A blue header!

A purple header!

This is a header

a what?

a header

a what?

a header

Oh a header~

Navigation

CSS layouts

Graphic Layouts

Headers

Q & A

Important Note!

It isn't working!

But why! T.T