HTML
<style>
body {
background: url("http://i.imgur.com/LuUSHCZ.png") left top no-repeat;
cursor: crosshair;
}
table {
background-color: transparent;
}
table a img, .sf {
display: none;
}
#content {
left: 240px;
top: 162px;
width: 725px;
height: 420px;
text-align: justify;
overflow: hidden;
}
#scroll {
width: auto;
height: 410px;
overflow: auto;
padding: 8px;
margin-bottom: 30px;
}
#menu {
left: 40px;
top: 240px;
padding: 2px;
width: 155px;
height: 282px;
overflow: hidden;
}
p, .medtext, font, body, div, table, tr, td {
text-decoration: none;
color: #000;
font: 9pt century gothic;
text-transform: none;
line-height: 13px;
}
a:link, a:visited {
color: #f7eb8a;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #fff;
}
b {
color: #ffdbff;
font: 9pt tahoma;
font-weight: bold;
text-transform: lowercase;
letter-spacing: -1px;
}
i {
color: #2a005d;
font: 7.5pt century gothic;
text-transform: uppercase;
}
strong {
color: #ffadff;
font: 9pt georgia;
font-style: italic;
text-transform: lowercase;
background: url("http://i.imgur.com/GReQWzS.png");
padding: 2px;
}
a.men {
display: block;
padding: 3px;
text-align: center;
font: 8pt tahoma;
line-height: 13px;
background: url("http://i.imgur.com/xBQgpVH.png");
color: #2e0065 !important;
margin: 3px;
letter-spacing: 2px;
font-variant: small-caps;
height: 13px;
}
a.men:hover {
text-align: left;
background: url("http://i.imgur.com/zPwPPKk.png");
font-weight: bold;
font: 8pt tahoma;
color: #5a02a1 !important;
font-variant: small-caps;
padding-left: 30px;
height: 13px;
}
h1 {
font: 16pt georgia;
color: #2e0065;
font-variant: small-caps;
text-align: left;
letter-spacing: 5px;
padding-left: 20px;
font-style: italic;
line-height: 22px;
background: transparent;
border-left: 8px double #fff;
}
h2 {
font: 12pt century gothic;
text-align: center;
font-variant: small-caps;
line-height: 6px;
letter-spacing: 3px;
color: #ffdbff;
border-left: 4px double #ffffff;
border-right: 4px double #ffffff;
}
h3 {
font: 10pt century gothic;
color: #8f26ff;
background: url("http://i.imgur.com/zPwPPKk.png");
height: 14px;
line-height: 14px;
text-align: left;
padding-left: 20px;
text-transform: uppercase;
}
textarea {
background: url("http://i.imgur.com/xBQgpVH.png");
color: #2e0065;
font: 18pt century gothic;
line-height: 0.5em;
letter-spacing: -3px;
overflow: hidden;
width: 88px;
height: 20px;
margin: 1px;
border: none;
}
textarea:hover {
color: #5a02a1;
background: url("http://i.imgur.com/zPwPPKk.png");
font: 48pt tahoma;
line-height: 0.2em;
text-transform: lowercase;
}
#title {
left: 1090px;
top: 458px;
font: 54px georgia;
color: #a25eb7;
font-weight: bold;
font-style: italic;
letter-spacing: 3px;
text-transform: lowercase;
height: 26px;
line-height: 5px;
}
.sub {
color: #de9dff;
font: 50px tahoma;
font-weight: bold;
text-transform: lowercase;
letter-spacing: -3px;
padding-left: 50px;
padding-top: -50px;
}
li {
list-style-image: url("http://i.imgur.com/MmGoSGE.png");
font: 9pt georgia;
color: #eccfb9;
font-style: italic;
letter-spacing: 2px;
text-transform: lowercase;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
}
</style><div id="title" style="position: fixed;">
faerie <br><font class="sub">kiko</font>
</div>
<div id="menu" style="position: fixed;">
<a href="#home" class="men">home</a>
<a href="#one" class="men">one</a>
<a href="#two" class="men">two</a>
<a href="#three" class="men">three</a>
<a href="#four" class="men">four</a>
<a href="#css" class="men">css</a>
<br><br><center>
<img src="http://i.imgur.com/y9aWA8p.png" style="margin: 2px;"><img src="http://i.imgur.com/y9aWA8p.png" style="margin: 2px;"></center>
</div>
<div id="content" style="position: fixed;">
<div id="home">
<a name="home"></a>
<div id="scroll">
<h1>header one</h1>
<b>this is your bold font</b>. <a href="/~blargh">this is a link</a>. <i>this is your italic font</i>. <strong>this is your strong font.</strong> the navigation is adjustable so you can add/remove more links. all pages will scroll if more is added. don't forget to change the textarea tags. contact me with any questions/comments. <i>please ensure my credit stays on this layout.</i> thank you for choosing a layout from bejeweled!
<br>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
<h3 style="border-radius: 3em;">this is header three</h3>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
<br><b>this is your bold font</b>. <a href="/~blargh">this is a link</a>. <i>this is your italic font</i>. <strong>this is your strong font.</strong> the navigation is adjustable so you can add/remove more links. all pages will scroll if more is added. don't forget to change the textarea tags. contact me with any questions/comments. <i>please ensure my credit stays on this layout.</i> thank you for choosing a layout from bejeweled!
<br>
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.
<h2>i am header two</h2>
<b>this is your bold font</b>. <a href="/~">this is a link</a>. <i>this is your italic font</i>. <br>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.
</div>
</div>
<div id="one">
<a name="one"></a>
<div id="scroll">
<h1>header one</h1>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.
<h2>header two</h2>
<b>this is your bold font</b>. <a href="/~">this is a link</a>. <i>this is your italic font</i>. <br>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.<br><br></div>
</div>
<div id="two">
<a name="two"></a>
<div id="scroll">
<h1>header one</h1>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.
<h2>header two</h2>
<b>this is your bold font</b>. <a href="/~">this is a link</a>. <i>this is your italic font</i>. <br>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.
<br><br><br></div>
</div>
<div id="three">
<a name="three"></a>
<div id="scroll">
<h1>header one</h1>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.
<h2>header two</h2>
<b>this is your bold font</b>. <a href="/~">this is a link</a>. <i>this is your italic font</i>. <br>
the snow glows white on the mountain tonight,
not a footprint to be seen.
a kingdom of isolation and it looks like i'm the queen.
the wind is howling like this swirling storm inside.
couldn't keep it in, heaven knows i tried.
don't let them in, don't let them see.
be the good girl you always have to be.
conceal, don't feel, don't let them know.
well, now they know!
let it go, let it go!
can't hold it back any more.
let it go, let it go!
turn away and slam the door.
i don't care what they're going to say.
let the storm rage on.
the cold never bothered me anyway.
</div>
</div>
<div id="css">
<a name="css"></a>
<div id="scroll">
<h1>link back</h1>
<center>
<a href="/~drelda"><img src="http://i.imgur.com/4kuccst.png" border="0" style="padding: 1px;"></a><a href="/~drelda"><img src="http://i.imgur.com/4kuccst.png" border="0" style="padding: 1px;"></a><a href="/~drelda"><img src="http://i.imgur.com/4kuccst.png" border="0" style="padding: 1px;"></a>
<br>
[textarea]<a href="/~drelda"><img src="http://i.imgur.com/4kuccst.png" border="0" style="padding: 1px;"></a>[/textarea][textarea]<a href="/~drelda"><img src="http://i.imgur.com/4kuccst.png" border="0" style="padding: 1px;"></a>[/textarea][textarea]<a href="/~drelda"><img src="http://i.imgur.com/4kuccst.png" border="0" style="padding: 1px;"></a>[/textarea]</center>
<h2>site credit</h2>
<center>
layout and coding made by <a href="/userlookup.phtml?user=cheese_louise">jewlz</a> at
<br><a href="/~drelda"><img src="http://i1354.photobucket.com/albums/q698/haybales56/faelenbutani_zpsa2d90a0a.gif" border="0" style="padding: 1px;"></a>
<br><li>content © <a href="/userlookup.phtml?user=username">your name</a>.</li>
<li>bullets, icons and placeholders from <a href="/~drelda">bejeweled</a>.</li>
<li>textures from <a href="/~liahness">details</a>.</li>
<br><br><i><b>neopets</b>, characters, logos, names and all related indicia are trademarks of <a href="/">neopets, inc.</a>, © 1999-2015.</i>
</center>
</div>
</div>
</div>
