HTML
<style>
body {
background: url("http://i.imgur.com/fbGB4t9.png") no-repeat;
cursor: crosshair;
}
table {
background-color: transparent;
}
table a img {
display: none;
}
.sf {
display: none;
}
#content {
left: 452px;
top: 172px;
background: transparent;
width: 605px;
height: 396px;
text-align: justify;
overflow: hidden;
}
#scroll {
width: auto;
height: 386px;
overflow: auto;
padding: 8px;
}
#menu {
text-align: center;
bottom: 0px;
left: 0px;
height: 30px;
width: 100%;
overflow: hidden;
z-index: 1;
background: url("http://i.imgur.com/hvu0IBl.png");
}
p, .medText, font, body, div, tr, td, table {
text-decoration: none;
color: #999;
font: 9pt verdana;
text-transform: none;
line-height: 13px;
text-align: justify;
cursor: crosshair;
}
a:link, a:visited {
font: 8pt georgia;
text-transform: lowercase;
font-style: italic;
letter-spacing: 1px;
text-decoration: none;
color: #7e29ca;
cursor: sw-resize;
}
a:hover {
text-decoration: none;
color: transparent;
}
b {
font: 8pt century gothic;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
color: #bc26eb;
}
i {
font: 8pt century gothic;
color: #908aea;
text-transform: uppercase;
line-height: 16px;
}
strong {
font: 14pt century gothic;
background: #fff;
line-height: 50px;
height: 50px;
color: #7e29ca;
padding: 5px;
float: left;
}
A.men {
padding: 10px;
text-align: center;
font: 10pt tahoma;
width: auto;
line-height: 30px;
text-transform: uppercase;
background: transparent;
color: #7e29ca !important;
border: none;
text-decoration: none;
margin: 10px;
}
a.men:hover {
background: url("http://i.imgur.com/FuyEdK0.png");
color: #fff !important;
}
h1 {
font: 12pt century gothic;
text-align: center;
font-variant: small-caps;
line-height: 8px;
letter-spacing: 3px;
color: #eac4fc;
border-left: 4px double #e164f3;
border-right: 4px double #e164f3;
}
h2 {
font: 14pt georgia;
color: #9d9dff;
font-weight: bold;
text-align: center;
letter-spacing: 3px;
text-transform: lowercase;
font-style: italic;
line-height: 20px;
background: transparent;
}
h3 {
font: 12pt georgia;
text-align: center;
text-transform: lowercase;
font-style: italic;
line-height: 8px;
letter-spacing: 3px;
color: #c32de8;
background-color: #fff;
border-bottom: 3px solid #fec7ff;
}
li {
list-style-image: url("http://i.imgur.com/kQiAQdq.png");
color: #c32de8;
font: 10pt tahoma;
font-variant: small-caps;
text-align: left;
font-style: italic;
padding-left: 20px;
padding-right: 20px;
}
textarea {
width: 88px;
height: 20px;
font: 24pt century gothic;
letter-spacing: -3px;
font-style: italic;
color: #d98afc;
line-height: 0.5em;
overflow: hidden;
background: #fff;
border: 2px solid #fadbff;
margin: 1px;
}
textarea:hover {
font: 30pt georgia;
letter-spacing: -5px;
line-height: 0.5em;
font-style: italic;
color: #ffffff;
background: url("http://i.imgur.com/YjmiZGo.png");
border: 2px solid #d98afc;
}
#update {
width: 90%;
height: 120px;
text-align: justify;
background: transparent;
padding: 5px;
overflow: auto;
margin: 6px;
border: 1px solid transparent;
}
#update:hover {
background: url("http://i.imgur.com/twtjkLa.png");
border: 1px solid #fadbff;
}
.jewel {
width: 135px;
border-left: none;
border-right: none;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
margin: 5px;
}
.jewel:hover {
border-bottom: 2px solid #7d26c6;
border-top: 2px solid #7d26c6;
border-left: none;
border-right: none;
}
.ava {
background: #fff;
border: 3px double #9c96ff;
padding: 3px;
margin: 3px;
}
.ava:hover {
background: #fff;
border: 3px double #7d26c6;
}
#title {
font: italic 54pt georgia;
text-transform: lowercase;
color: #8a1cbb;
left: 480px;
top: 70px;
}
.title {
font: italic bold 64pt garamond;
color: #da8bfc;
letter-spacing: 2px;
}
</style><div id="title" style="position: fixed;">
Purple <font class="title">space</font> Kad
</div>
<div id="menu" style="position: fixed;">
<a href="#home" class="men">Home</a>
<a href="#page1" class="men">page one</a>
<a href="#page2" class="men">page two</a>
<a href="#page3" class="men">page three</a>
<a href="#page4" class="men">page four</a>
<a href="#page5" class="men">page five</a>
<a href="#sitely" class="men">Sitely</a>
</div>
<div id="content" style="position: fixed;">
<a name="home"></a>
<div id="scroll">
<h1>Your new GORGEOUS layout</h1>
<a href="/~dreda"><img src="http://i.imgur.com/KK0FfSY.png" style="float: right; margin: 3px; width: 90px;"></a>
<br><b>This is your bold font</b>. <a href="/~blargh">This is a link</a>. <i>This is your italic font</i>.
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. <b>see page 1 for example.</b>
This layout is made for a screen size of 1368x768 but it accommodates up to 2000x1000.
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><center>
<div id="update">
<h3>Whats all the news??</h3>
<li class="up">
<b>10.11.2014</b><br> Oh wow! In here you can talk all day, describe your best friend pyjamas, or what you ate for dinner last night. Or a normal person may put any site updates. ;)</li>
<li class="up">
<b>10.11.2014</b><br> Oh wow! In here you can talk all day, describe your best friend pyjamas, or what you ate for dinner last night. Or a normal person may put any site updates. ;)</li>
<li class="up">
<b>10.11.2014</b><br> Oh wow! In here you can talk all day, describe your best friend pyjamas, or what you ate for dinner last night. Or a normal person may put any site updates. ;)</li>
<li class="up">
<b>10.11.2014</b><br> Oh wow! In here you can talk all day, describe your best friend pyjamas, or what you ate for dinner last night. Or a normal person may put any site updates. ;)</li>
</div></center>
<br><br><center>
<strong style="border-radius: 5em;">Recently Accomplished</strong>
<img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"></center>
</div>
<a name="page1"></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><center>
<a href="http://www.neopets.com/petlookup.phtml?pet=Nessa_saralonde"><img src="http://pets.neopets.com/cpn/Nessa_saralonde/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=Nessa_saralonde"><img src="http://pets.neopets.com/cpn/Nessa_saralonde/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=Nessa_saralonde"><img src="http://pets.neopets.com/cpn/Nessa_saralonde/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=arisureinn"><img src="http://pets.neopets.com/cpn/arisureinn/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=arisureinn"><img src="http://pets.neopets.com/cpn/arisureinn/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=arisureinn"><img src="http://pets.neopets.com/cpn/arisureinn/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=briiana"><img src="http://pets.neopets.com/cpn/briiana/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=briiana"><img src="http://pets.neopets.com/cpn/briiana/1/4.png" class="jewel" style="border-radius: 99em;"></a><a href="http://www.neopets.com/petlookup.phtml?pet=briiana"><img src="http://pets.neopets.com/cpn/briiana/1/4.png" class="jewel" style="border-radius: 99em;"></a>
</center>
</div>
<a name="page2"></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><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"><img src="http://images.neopets.com/neoboards/avatars/discoaisha.gif" style="border-radius: 99em;" class="ava"></div>
<a name="page3"></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>
<a name="sitely"></a>
<div id="scroll">
<h1>Link Back</h1>
<center>
<a href="/~drelda"><img src="http://i.imgur.com/ZYyobVl.png" border="0" style="padding: 1px;"></a><a href="/~drelda"><img src="http://i.imgur.com/ZYyobVl.png" border="0" style="padding: 1px;"></a><a href="/~drelda"><img src="http://i.imgur.com/ZYyobVl.png" border="0" style="padding: 1px;"></a>
<br>[textarea style="border-radius: 20em;"]<a href="/~drelda"><img src="http://i.imgur.com/uinS4A1.png" border="0" style="padding: 1px;"></a>[/textarea][textarea style="border-radius: 20em;"]<a href="/~drelda"><img src="http://i.imgur.com/uinS4A1.png" border="0" style="padding: 1px;"></a>[/textarea][textarea style="border-radius: 20em;"]<a href="/~drelda"><img src="http://i.imgur.com/uinS4A1.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: 2px;"></a>
<br><li>Content © <a href="/userlookup.phtml?user=username">Your Name</a>.</li>
<li>PNG from <a href="/~pinna">Lithe</a>. Textures from <a href="/~liahness">details</a>, <i>scathas</i>, <i>sosuftw</i> & <i>kiwicide</i>.</li>
<li>Bullets, signs and placeholders from <a href="/~drelda">Bejeweled</a>.</li>
<br><br><i><b>NEOPETS</b>, characters, logos, names and all related indicia are trademarks of <a href="/">Neopets, Inc.</a>, © 1999-2017.</i>
</center>
</div>
</div>
