*THIS LAYOUT IS NOT IE COMPATIBLE

Title: Jolene
Tested in: Firefox

<style> body { background: #201728; cursor: help; } .sf, table { display: none; } a:link, a:active, a:visited { font-size: 8pt; font-family: monospace; color: #382f40; text-decoration: none; border: none; padding: 3px; text-align: center; cursor: crosshair; } a:hover { color: #cb5c62; background: #5a4f49; } i { font-family: georgia; font-style: italic; font-weight: normal; font-size: 7pt; color: #cb5c62; text-transform: lowercase; } b { border-bottom: 1px dotted #cb5c62; padding: 2px; text-transform: uppercase; font-family: monospace; color: #cb5c62; } a.nav:visited, a.nav:link, a.nav:active { display: block; width: 100px; height: 15px; text-align: center; font-family: arial; font-size: 9pt; color: #000; background: #fff; padding: 2px; text-decoration: none; border-bottom: 10px solid #777; } a.nav:hover { display: block; color: #000; background: #fff; width: 100px; padding: 2px; cursor: help; text-decoration: none; border-bottom: 10px solid #e01e11; height: 15px; } a.nav2:visited, a.nav2:link, a.nav2:active { display: block; width: 100px; height: 15px; text-align: center; font-family: arial; font-size: 9pt; color: #000; background: #fff; padding: 2px; text-decoration: none; border-bottom: 10px solid #777; } a.nav2:hover { display: block; color: #000; background: #fff; width: 100px; padding: 2px; cursor: help; text-decoration: none; border-bottom: 10px solid #64e0e1; height: 15px; } #text { left: 0px; padding: 14px; top: 0px; width: 200px; height: 100%; background: black; font-size: 9pt; color: #fff; font-family: arial; text-align: justify; line-height: 10pt; } #box { left: 290px; background: none; width: auto; padding: 14px; top: 50px; height: auto; font-size: 28pt; color: #000; font-style: italic; font-family: georgia; text-align: justify; } #qoute { background: #fff; border-bottom: 4px solid #444; border-top: 4px solid #777; font-weight: normal; font-style: normal; font-family: small fonts; font-size: 6pt; text-decoration: none; text-transform: uppercase; color: #000; height: auto; padding: 5px; text-align: center; } #backg { top: 30px; left: 35px; width: auto; height: auto; } #bill { left: 370px; overflow: hidden; background: #f0ddbc; width: 272px; padding: 14px; top: 30px; height: 172px; font-size: 7pt; color: #382F40; font-family: arial; text-align: justify; } #bot { left: 35px; background: #f0ddbc; width: 617px; padding: 9px; top: 265px; height: 17px; color: #382F40; text-align: justify; overflow: hidden; font-size: 7pt; font-family: arial; } #bot:hover { height: 250px; overflow: auto; } #ben { left: 430px; background: none; width: auto; padding: 2px; top: 130px; height: auto; font-size: 14pt; color: #222; font-style: italic; font-family: georgia; text-align: justify; } #ink { top: 400px; left: 595px; width: auto; height: auto; } #save { top: 1440px; left: 360px; width: 590px; height: 245px; background: #000; } h1 { text-align: right; font-size: 18pt; padding: 1px; font-family: monospace; font-style: normal; color: #382F40; text-transform: uppercase; font-weight: bold; margin: 0px; } h2 { margin-top: -6px; font-family: small fonts; font-size: 5pt; text-transform: uppercase; font-weight: normal; text-align: right; border-bottom: 1px solid #382F40; } </style> <div id="backg" style="position: absolute;"> <img src="http://fc05.deviantart.net/fs70/i/2010/112/a/a/In_restless_dreams_by_iNeedChemicalX.jpg" height="200"> </div> <div id="bill" style="position: absolute;"> <h1>jolene.</h1> <h2>You could have your choice of men But I could never love again</h2> Jolene, Jolene, Jolene, Jolene, I'm begging of you please don't take my man. Jolene, Jolene, Jolene, Jolene. Please don't take him just because you can. Your beauty is beyond compare. With flaming locks of auburn hair, With ivory skin and eyes of emerald green, Your smile is like a breath of spring, Your voice is soft like summer rain, And I cannot compete with you, Jolene. He talks about you in his sleep, There's nothing I can do to keep, From crying when he calls your name, Jolene. And I can easily understand. <p> </p> </div> <div id="bot" style="position: absolute;"> <center> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> <a href="http://www.neopets.com/index.phtml">linkage</a> </center> <p><br>Jolene, Jolene, <b>Jolene,</b> Jolene. I'm begging of you please don't take my man. Jolene, Jolene, Jolene, Jolene. Please don't take him just because you can. Your beauty is beyond compare with flaming locks of auburn hair. With <i>ivory skin</i> and eyes of emarald green, your smile is like a breath of spring, your voice is soft like summer rain. And I cannot <b>compete</b> with you, Jolene. He talks about you in his <i>sleep</i> and there's nothing I can do to keep from crying when he calls your name, Jolene. But I can easily understand how you could <b>easily</b> take my man, but you don't know what he means to me, Jolene. <b>Jolene,</b> Jolene, Jolene, Jolene. I'm begging of you <i>please don't take my man,</i> Jolene, Jolene, Jolene, Jolene. Please don't take him just <b>because</b> you can. You could have your choice of men but I could never love again; he's the only one for me, Jolene. I had to have this talk with you - <i>my happiness depends on you</i> and whatever you decide to do, Jolene. Jolene, Jolene, Jolene, Jolene. I'm <b>begging</b> of you please don't take my man. Jolene, Jolene, Jolene, Jolene. Please don't take him even though you can. Jolene, Jolene, <b>Jolene,</b> Jolene. I'm begging of you please don't take my man. Jolene, Jolene, Jolene, Jolene. Please don't take him just because you can. Your beauty is beyond compare with flaming locks of auburn hair. With <i>ivory skin</i> and eyes of emarald green, your smile is like a breath of spring, your voice is soft like summer rain. And I cannot <b>compete</b> with you, Jolene. He talks about you in his <i>sleep</i> and there's nothing I can do to keep from crying when he calls your name, Jolene. But I can easily understand how you could <b>easily</b> take my man, but you don't know what he means to me, Jolene. <b>Jolene,</b> Jolene, Jolene, Jolene. I'm begging of you <i>please don't take my man,</i> Jolene, Jolene, Jolene, Jolene. Please don't take him just <b>because</b> you can. You could have your choice of men but I could never love again; he's the only one for me, Jolene. I had to have this talk with you - <i>my happiness depends on you</i> and whatever you decide to do, Jolene. Jolene, Jolene, Jolene, Jolene. I'm <b>begging</b> of you please don't take my man. Jolene, Jolene, Jolene, Jolene. Please don't take him even though you can. </p> </div>

Title: Promises
Tested in: Firefox

<style> body { background: #fff; } .sf, table { display: none; } td, p, body { color: grey; font: 8pt times; } h1 { font-family: century; font-size: 15pt; color: #B22222; margin-bottom: -1px; margin-top: -1px; font-weight: normal; border-bottom: 1px solid grey; display: block; text-transform: uppercase; } h2 { font-family: times; font-size: 7pt; color: grey; text-align: right; font-weight: normal; margin-bottom: -1px; margin-top: -1px; } a:link, a:active, a:visited { font-family: times; font-size: 8pt; text-decoration: none; color: #fff; font-weight: normal; } a:hover { color: #B22222; } i { font-family: georgia; font-style: italic; font-weight: bold; font-size: 19pt; } u { border-bottom: 1px solid #191970; } b { font-weight: normal; color: #696969; } #mgmt { top: 45px; left: 350px; text-align: justify; height: 270px; width: 400px; overflow: auto; } #chuck { top: 50px; left: 50px; height: 371px; width: 600px; } #wahwulff { top: 310px; left: 50px; width: 150px; height: auto; } #applybill { top: 310px; left: 252px; height: auto; width: 150px; } #under { top: 45px; left: 800px; width: 400px; height: 270px; text-align: justify; } #woods { top: 227px; left: 350px; width: auto; height: auto; } .pic { } .pic:hover { } #cred { top: 247px; left: 1087px; width: auto; height: auto; color: white; text-align: right; } </style> <div id="mgmt" style="position: absolute;"> <h1> Painted in flames</h1> Katsa keeps to herself. Her business is her business alone. No one else needs to know it. She very rarely opens up to anyone, in fact no one can recall her ever expressing her emotions or feelings with anyone. She is very much a wallflower: she observes everything around her, she takes in all the action, she sees everything. Katsa has never been fussed about friends; she has never found any need for them and cannot see why anyone would need them, her brain simply cannot handle the complexity of it all. Katsa is, however, friendly, she just doesn't apply it to friends. Katsa is very much afraid of change, that is her one truly defining weakness. This was triggered by her father re-marrying after her mothers passing. Shortly after that though she fell out with her father and moved away. </div> <div id="chuck" style="position: absolute;"> <img src="http://i38.tinypic.com/1zdvimh.jpg"> </div> <div id="under" style="position: absolute;"> <h1> The planet's last dance</h1> Katsa Livionne was born to a soldier and a mage twenty-three summers ago. As a child she was trained in the ways of white magic. Her mother, however, died in a fire. It was a tragic accident caused by Katsa. One day they were practising a fire conjuring spell. Katsa wasn't very good at it but her mother had faith in her, she believed she could do anything she set her mind to. After many hours of repeating the spell Katsa had finally mastered it. Katsa was happy with what she had achieved that day and was now looking forward to going hunting with her father. It was as she was leaving to go find her father in the town that she conjured up a fire ball and sent it zooming into a bucket beside her house. Quickly she extinguished it, or so she thought. When Katsa and her father returned that night villagers were crowded around the pile of ash that now stood where their house once was. There were no survivors. </div> <div id="wahwulff" style="position: absolute;"> Name: Katsa Livionne <br>Age: 20 years old <br>Gender: Female </div> <div id="applybill" style="position: absolute;"> Race: Mage <br>Hair: Red <br>Eyes: Blue</div> <div id="woods" style="position: absolute;"> <img src="http://i38.tinypic.com/aebfhe.jpg" class="pic"> </div> <div id="cred" style="position: absolute;"> CSS: <a href="/~darlingbuds">Ivory Skin</a> <br>Pictures: DeviantArt <br>Works best in: Firefox <br>Resolution: 1920x1080 </div>

Title: Broken Promises
Tested in: Firefox

<style> body { background: #fff; } .sf, table { display: none; } td, p, body { color: grey; font: 8pt times; } h1 { font-family: century; font-size: 15pt; color: #000; margin-bottom: -1px; margin-top: -1px; font-weight: normal; border-bottom: 1px solid grey; display: block; text-transform: uppercase; } h2 { font-family: times; font-size: 7pt; color: grey; text-align: right; font-weight: normal; margin-bottom: -1px; margin-top: -1px; } a:link, a:active, a:visited { font-family: times; font-size: 8pt; text-decoration: none; color: grey; font-weight: normal; } a:hover { letter-spacing: 1px; } i { color: #000; } u { color: #000; } b { color: #000; } #mgmt { top: 45px; left: 350px; text-align: justify; height: 270px; width: 400px; overflow: auto; } #chuck { top: 50px; left: 50px; height: 371px; width: 600px; } #wahwulff { top: 310px; left: 50px; width: 150px; height: auto; } #applybill { top: 310px; left: 252px; height: auto; width: 150px; } #under { top: 45px; left: 800px; width: 400px; height: 270px; text-align: justify; } #woods { top: 270px; left: 350px; width: auto; height: auto; } .pic { } .pic:hover { } #cred { top: 647px; left: 788px; width: auto; height: auto; color: white; text-align: right; } #boi { top: 390px; left: 943px; height: 371px; width: 600px; } #bee { top: 650px; left: 943px; width: 150px; height: auto; } #rue { top: 650px; left: 1150px; height: auto; width: 150px; } #pet { top: 390px; left: 50px; width: 400px; height: 270px; text-align: justify; } #red { top: 390px; left: 500px; width: 400px; height: 270px; text-align: justify; } #woods2 { top: 612px; left: 50px; width: auto; height: auto; } </style> <div id="mgmt" style="position: absolute;"> <h1> Painted in flames</h1> Katsa keeps to herself. Her business is her business alone. No one else needs to know it. She very rarely opens up to anyone, in fact no one can recall her ever expressing her emotions or feelings with anyone. She is very much a wallflower: she observes everything around her, she takes in all the action, she sees everything. Katsa has never been fussed about friends; she has never found any need for them and cannot see why anyone would need them, her brain simply cannot handle the complexity of it all. Katsa is, however, friendly, she just doesn't apply it to friends. Katsa is very much afraid of change, that is her one truly defining weakness. This was triggered by her father re-marrying after her mothers passing. Shortly after that though she fell out with her father and moved away. </div> <div id="chuck" style="position: absolute;"> <img src="http://i53.tinypic.com/14lh4pi.jpg"> </div> <div id="under" style="position: absolute;"> <h1> The planet's last dance</h1> Katsa Livionne was born to a soldier and a mage twenty summers ago. As a child she was trained in the ways of white magic. Her mother, however, died in a fire. It was a tragic accident caused by Katsa. One day they were practising a fire conjuring spell. Katsa wasn't very good at it but her mother had faith in her, she believed she could do anything she set her mind to. After many hours of repeating the spell Katsa had finally mastered it. Katsa was happy with what she had achieved that day and was now looking forward to going hunting with her father. It was as she was leaving to go find her father in the town that she conjured up a fire ball and sent it zooming into a bucket beside her house. Quickly she extinguished it, or so she thought. When Katsa and her father returned that night villagers were crowded around the pile of ash that now stood where their house once was. There were no survivors. </div> <div id="wahwulff" style="position: absolute;"> Name: Beth Winters <br>Age: 16 years old <br>Gender: Female </div> <div id="applybill" style="position: absolute;"> District: 6 <br>Hair: Red <br>Eyes: Blue</div> <div id="woods" style="position: absolute;"> <img src="http://i51.tinypic.com/f0nnsm.jpg" class="pic"> </div> <div id="boi" style="position: absolute;"> <img src="http://i55.tinypic.com/2s6na4z.jpg"> </div> <div id="bee" style="position: absolute;"> Name: Arvel Shakespeare <br>Age: 16 years old <br>Gender: Male</div> <div id="rue" style="position: absolute;"> District: 4 <br>Hair: Blonde <br>Eyes: Blue</div> <div id="pet" style="position: absolute;"> <h1> A distant echo</h1> Arvel lives with his mum and dad, Katherine and Lukas, and younger sister, Amelia. He has never had to apply for tesserae; they live a comfortable life, as most do in District 4. His father is a fisherman, and his mother sells the fish he cathes in her shop 'Shakespeare's Fish'. Arvel most certainly does not have a knack for net making, but he can tie any know in a matter of seconds, blink and you'll miss it. </div> <div id="red" style="position: absolute;"> <h1> What if the storm ends?</h1> Katsa Livionne was born to a soldier and a mage twenty summers ago. As a child she was trained in the ways of white magic. Her mother, however, died in a fire. It was a tragic accident caused by Katsa. One day they were practising a fire conjuring spell. Katsa wasn't very good at it but her mother had faith in her, she believed she could do anything she set her mind to. After many hours of repeating the spell Katsa had finally mastered it. Katsa was happy with what she had achieved that day and was now looking forward to going hunting with her father. It was as she was leaving to go find her father in the town that she conjured up a fire ball and sent it zooming into a bucket beside her house. Quickly she extinguished it, or so she thought. When Katsa and her father returned that night villagers were crowded around the pile of ash that now stood where their house once was. There were no survivors. </div> <div id="woods2" style="position: absolute;"> <img src="http://i53.tinypic.com/23k9qtj.jpg" class="pic"> </div> <div id="cred" style="position: absolute;"> CSS: <a href="http://www.neopets.com/~darlingbuds">Ivory Skin</a> <br>Pictures: DeviantArt <br>Works best in: Firefox <br>Resolution: 1920x1080 </div>

Title: Cosmic Love
Tested in: Firefox

<style> body { background: #f2f2f2; cursor: crosshair; } .sf, table { display: none; } td, p, body { color: #000; font: 10pt calibri; font-style: italic; font-weight: normal; } .nav { border-bottom: 5px solid #fdc44e; color: #9b2f2f; font: 10pt calibri; font-style: italic; font-weight: normal; text-decoration: none; display: block; background: #f2f2f2; padding: 5px; } .nav:hover { color: #9b2f2f; border-left: 5px solid #fdc44e; } #text { top: 200px; left: 80px; width: 580px; height: auto; background: #c1c1c1; padding: 10px; text-align: justify; } #tv { top: 256px; left: 700px; width: 140px; height: auto; padding: 13px; background: #c1c1c1; text-align: center; } #box { top: 0px; left: 80px; width: auto; height: auto; } a:link, a:active, a:visited { color: #9b2f2f; text-decoration: none; } a:hover { color: #888; } b { color: #9b2f2f; } i { color: #9b2f2f; border-bottom: 1px dotted #9b2f2f; } textarea.a { background: #fff; height: 100px; width: 100px; padding: 4px; font-family: gisha; font-size: 7pt; overflow: hidden; border: none; font-weight: normal; } .inner { width: 450px; text-align: justify; } h1 { font-family: calibri; font-style: italic; font-size: 18pt; color: #9b2f2f; font-weight: normal; border-bottom: 1px solid #fdc44e; text-align: center; } </style> <div id="box" style="position: absolute;"> <img src="http://img846.imageshack.us/img846/2924/hederl.png"> </div> <div id="tv" style="position: fixed;"> <a href="http://www.neopets.com/index.phtml" class="nav">Home</a> <br><a href="http://www.neopets.com/index.phtml" class="nav">NeoBoards</a> <br><a href="http://www.neopets.com/index.phtml" class="nav">Pet Central</a> <br><a href="http://www.neopets.com/index.phtml" class="nav">Explore</a> </div> <div id="text" style="position: absolute;"> <h1>Welcome</h1> <center><div class="inner">A falling star fell from your heart and landed in my eyes. I <b>screamed</b> aloud, as it tore through them, and now it's left me blind. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. And in the dark, I can hear your heartbeat, I tried to find the sound. But then it stopped, and I was in the <i>darkness</i>, so darkness I became. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. I took the stars from our eyes, and then I made a map. And knew that somehow I could find my way back. Then I heard your heart beating, you were in the darkness too, so I stayed in the darkness with you. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart.</div></center> <h1>The Stars</h1> <center><div class="inner">A falling star fell from your heart and landed in my eyes. I <b>screamed</b> aloud, as it tore through them, and now it's left me blind. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. And in the dark, I can hear your heartbeat, I tried to find the sound. But then it stopped, and I was in the <i>darkness</i>, so darkness I became. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. I took the stars from our eyes, and then I made a map. And knew that somehow I could find my way back. Then I heard your heart beating, you were in the darkness too, so I stayed in the darkness with you. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. </div></center> <h1>The Moon</h1> <center><div class="inner">A falling star fell from your heart and landed in my eyes. I <b>screamed</b> aloud, as it tore through them, and now it's left me blind. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. And in the dark, I can hear your heartbeat, I tried to find the sound. But then it stopped, and I was in the <i>darkness</i>, so darkness I became. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. I took the stars from our eyes, and then I made a map. And knew that somehow I could find my way back. Then I heard your heart beating, you were in the darkness too, so I stayed in the darkness with you. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. The stars, the moon, they have all been blown out. You left me in the dark. No dawn, no day, I'm always in this twilight - in the shadow of your heart. </div></center> </div>

Title: Only We Know
Tested in: Firefox

<style> body { background: #dedede; cursor: crosshair; overflow: hidden; } .sf, table { display: none; } td, p, body { color: #000; font: 9pt calibri; font-style: italic; font-weight: normal; } .nav { color: #dedede; font: 10pt calibri; font-style: italic; font-weight: normal; text-decoration: none; padding: 15px; border-right: 1px solid #954C53; } .nav:hover { color: #c2c2c2; border-right: 1px solid #c2c2c2; } #kat { top: 85px; left: 238px; width: 600px; height: 450px; background: none; padding: 10px; text-align: justify; overflow: auto; } #text { top: 85px; left: 15px; width: 150px; height: 450px; background: none; padding: 10px; text-align: justify; overflow: auto; } #tv { top: 0px; left: 200px; width: 20px; height: 2000px; background: #7C914A; } #box { top: 0px; left: 0px; width: 2000px; height: 70px; background: #954C53; } #link { top: 30px; left: 230px; width: 1000px; height: 40px; background: none; padding: 10px; text-align: justify; } a:link, a:active, a:visited { text-decoration: none; } a:hover { color: #954C53; } b { color: #899E58; } i { color: #954C53; border-bottom: 1px dotted #954C53; } h1 { font-family: arial; font-size: 17pt; color: #A15A61; font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 0px; border-bottom: 4px solid #899E58; } </style> <div id="box" style="position: absolute;"></div> <div id="tv" style="position: absolute;"></div> <div id="text" style="position: absolute;"> <h1>Somewhere</h1>Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So tell me when, you're gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything - so why don't we go, <b>somewhere</b> only we know. Somewhere only we know? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So, tell me when you gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of <i>everything.</i> So why don't we go, so why don't we go? </div> <div id="kat" style="position: absolute;"> <h1>Only We Know</h1>Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So tell me when, you're gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything - so why don't we go, somewhere only we know. Somewhere only we know? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So, tell me when you gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything. So why don't we go, so why don't we go? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So tell me when, you're gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything - so why don't we go, somewhere only we know. Somewhere only we know? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So, tell me when you gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything. So why don't we go, so why don't we go? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So tell me when, you're gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything - so why don't we go, somewhere only we know. Somewhere only we know? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So, tell me when you gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything. So why don't we go, so why don't we go? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So tell me when, you're gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything - so why don't we go, somewhere only we know. Somewhere only we know? Oh, simple thing, where have you gone? I'm getting old and I need something to rely on. So, tell me when you gonna let me in. I'm getting tired and I need somewhere to begin. And if you have a minute why don't we go, talk about it somewhere only we know? This could be the end of everything. So why don't we go, so why don't we go? </div> <div id="link" style="position: absolute;"> <a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="http://www.neopets.com/index.phtml" class="nav">Link</a><a href="/~darlingbuds" class="nav">CSS</a> </div>

Title: Arcade Fire
Tested in: Firefox
Notes: A remake of the official Arcade Fire website.

<style> body { background: #fff; overflow: auto; } .sf, table { display: none; } td, p, body { color: #000; font: 10pt monospace; font-style: normal; font-weight: normal; } .nav { color: #000; font: 10.5pt monospace; font-style: normal; font-weight: normal; text-decoration: none; border-bottom: 1px solid #000; background: yellow; } .nav:hover { color: #000; cursor: -blocked-; } .more { color: #bbbbbb; font: 10.5pt monospace; font-style: normal; font-weight: normal; text-decoration: none; } .more:hover { color: #000; cursor: -blocked-; background: yellow; border-bottom: 1px solid #000; } #kat { top: 85px; left: 238px; width: 600px; height: 450px; background: none; padding: 10px; text-align: justify; overflow: auto; } #text { top: 50px; left: 15px; width: 174px; height: auto; background: none; padding: 2px; text-align: justify; overflow: hidden; line-height: 19px; font-family: monospace; font-size: 10pt; color: #000; } #home { top: 50px; left: 230px; width: 550px; height: auto; background: none; padding: 2px; text-align: justify; overflow: hidden; line-height: 19px; font-family: monospace; font-size: 10pt; color: #000; } #age { top: 50px; left: 830px; width: 180px; height: auto; background: none; padding: 2px; text-align: justify; overflow: hidden; line-height: 19px; font-family: monospace; font-size: 10pt; color: #000; } #tv { top: 0px; left: 210px; width: 1px; height: 2000px; background: #d2caca; } #rv { top: 0px; left: 804px; width: 1px; height: 2000px; background: #d2caca; } #box { top: 0px; left: 0px; width: 2000px; height: 30px; background: #000; font-family: monospace; font-size: 20pt; color: #fff; text-align: left; padding: 5px; text-transform: uppercase; font-style: normal; font-weight: normal; } #link { top: 30px; left: 230px; width: 1000px; height: 40px; background: none; padding: 10px; text-align: justify; } a:link, a:active, a:visited { text-decoration: none; font-family: monospace; font-size: 9pt; font-style: normal; color: #000; font-weight: normal; } a:hover { background: yellow; } b { color: #899E58; } i { color: #000; text-transform: uppercase; } h1 { font-family: monospace; font-size: 12.5pt; color: #000; font-weight: normal; font-style: normal; text-align: left; text-transform: uppercase; margin-top: 0px; } h2 { font-family: monospace; font-size: 10pt; color: #000; font-weight: normal; font-style: italic; text-align: left; margin-top: -8px; } </style> <div id="tv" style="position: fixed;"></div> <div id="rv" style="position: fixed;"></div> <div id="text" style="position: absolute;"> <a href="http://www.neopets.com/index.phtml">The Suburbs</a> <br><a href="http://www.neopets.com/index.phtml">Scenes from the Suburbs</a> <br><a href="http://www.neopets.com/index.phtml">Videos</a> <br><a href="http://www.neopets.com/index.phtml">SHOWS</a> <br><a href="http://www.neopets.com/index.phtml">Photos</a> <br><a href="http://www.neopets.com/index.phtml">Vinyl</a> <br><a href="http://www.neopets.com/index.phtml">Lyrics</a> <br><a href="http://www.neopets.com/index.phtml">12″ Single</a> <p><img src="http://i52.tinypic.com/2cq1nwk.jpg"></p> <p></p> <h1>Links</h1> <a href="http://www.neopets.com/index.phtml">ARCADE FIRE STORE</a> <br><a href="http://www.neopets.com/index.phtml">Our Trip to Haiti Blog</a> <br><a href="http://www.neopets.com/index.phtml">Kanpe Supports Haiti</a> <br><a href="http://www.neopets.com/index.phtml">Partners In Health</a> <br><a href="http://www.neopets.com/index.phtml">Twitcher(official)</a> <br><a href="http://www.neopets.com/index.phtml">Twitcher (fans)</a> <br><a href="http://www.neopets.com/index.phtml">Us Kids Know Forum</a> <br><a href="http://www.neopets.com/index.phtml">Vasebook</a> <br><a href="http://www.neopets.com/index.phtml">Vovo</a> <br><a href="http://www.neopets.com/index.phtml">Wokopedia</a> <br><a href="http://www.neopets.com/index.phtml">Miroir Noir</a> <br><a href="http://www.neopets.com/index.phtml">Neon B!ble</a> <br><a href="http://www.neopets.com/index.phtml">Neon B!ble video</a> <br><a href="http://www.neopets.com/index.phtml">Black Mirror video</a> <br><a href="http://www.neopets.com/index.phtml">Old site</a> <p></p> <center><a href="/~darlingbuds"><img src="http://i1116.photobucket.com/albums/k573/nienkju4/sleepinginthedaisies.gif" border="0"></a></center> </div> <div id="home" style="position: absolute;"> <h1> THE SUBURBS" DELUXE EDITION</h1> <h2>Grammy 2011 for album of the year</h2> <center><img src="http://www.arcadefire.com/wp/wp-content/uploads/2011/02/cover-front-web.jpg"></center> <br><h1>Digital Order:</h1> Digital album (in 320 kbps MP3, FLAC or Apple Lossless) + digital booklet + Scenes From the Suburbs, Behind the Scenes from the Suburbs, The Suburbs Music Video. Delivered instantly. <p><a href="http://www.neopets.com/index.phtml" class="nav">Digital album + videos » $4.50 » Get it Now</a> </p> <p></p> <h1>CD + DVD:</h1> The physical purchase includes download card to get more bonus content (Ready to Start Remix [Damian Taylor & Arcade Fire] and Sprawl I demo) <p><a href="http://www.neopets.com/index.phtml" class="nav">CD, DVD, digital album + videos » $8.99 + fees » Get it Now</a> </p> <p><a href="http://www.neopets.com/index.phtml" class="nav">CD, DVD + digital album (no downloadable videos) » $8.99 + fees » Get it Now</a> </p> <p><a href="/~darlingbuds" class="more">Read more +</a> </p> <p> <img src="http://i51.tinypic.com/14m6wkz.jpg"></p> <p></p> <h1>September 30, 2011</h1> <h2>Soulever les montagnes</h2> Finalement en français: Soulever les montagnes, l'oeuvre du docteur Paul Farmer! Préface de Regine Chassagne! <p><img src="http://www.arcadefire.com/wp/wp-content/uploads/2011/09/L-2045-1.jpg"></p> <p>Mountains Beyond Mountains, the story of Dr. Paul Farmer, has been translated to French! Préface by Regine! </p> </div> <div id="age" style="position: absolute;"> <h1>Blog</h1> <i>September 2011</i> <br><a href="http://www.neopets.com/index.phtml">Soulever les montagnes</a> <p><i>April 2011</i> <br><a href="http://www.neopets.com/index.phtml">Thank You Coachella!</a> <br><a href="http://www.neopets.com/index.phtml">Our trip to Haiti</a> </p> <p><i>March 2011</i> <br><a href="http://www.neopets.com/index.phtml">Haiti and Louisiana</a> </p> <p><i>February 2011</i> <br><a href="http://www.neopets.com/index.phtml">Justice for Haiti</a> <br><a href="http://www.neopets.com/index.phtml">Woody Guthrie's new years rulins</a> </p> <p><i>January 2011</i> <br><a href="http://www.neopets.com/index.phtml">Haiti: One Year Later</a> </p> <p><i>November 2010</i> <br><a href="http://www.neopets.com/index.phtml">Weird America and the Suburbs</a> </p> <p><i>October 2010</i> <br><a href="http://www.neopets.com/index.phtml">The Turing Machine</a> <br><a href="http://www.neopets.com/index.phtml">J. M. W. Turner</a> <br><a href="http://www.neopets.com/index.phtml">The Waste Land</a> </p> <p><i>September 2010</i> <br><a href="http://www.neopets.com/index.phtml">Sun Dogs</a> <br><a href="http://www.neopets.com/index.phtml">Some random music clips</a> </p> <p><i>August 2010</i> <br><a href="http://www.neopets.com/index.phtml">Back from Haiti</a> </p> </div> <div id="box" style="position: fixed;">Arcade fire</div>

Back to the Top

Graphics

Banners

<a href="/~darlingbuds"><img src="http://i55.tinypic.com/1omxr4.jpg"></a>

<a href="/~darlingbuds"><img src="http://i54.tinypic.com/2wmmgrr.jpg"></a>

<a href="/~darlingbuds"><img src="http://i55.tinypic.com/eg8vb6.jpg"></a>

<a href="/~darlingbuds"><img src="http://i54.tinypic.com/k2ol0w.jpg"></a>

<a href="/~darlingbuds"><img src="http://i53.tinypic.com/25hfmzo.jpg"></a>

<a href="/"><img src="http://i52.tinypic.com/2r5g36q.jpg"></a>

<a href="/~darlingbuds"><img src="http://i43.tinypic.com/2hf71x4.jpg"></a>

<a href="/~darlingbuds"><img src="http://i44.tinypic.com/14obwcl.jpg"></a>

<a href="/~darlingbuds"><img src="http://i42.tinypic.com/t7ohg1.jpg"></a>

<a href="/~darlingbuds"><img src="http://i43.tinypic.com/mizy9z.jpg"></a>

Back to the Top

Icons

<a href="/~darlingbuds"><img src="http://i56.tinypic.com/2uyknyq.jpg"></a><a href="/~darlingbuds"><img src="http://i56.tinypic.com/15hk0fn.jpg"></a><a href="/~darlingbuds"><img src="http://i56.tinypic.com/23kvtox.jpg"></a>

<a href="/~darlingbuds"><img src="http://i41.tinypic.com/dzb7d3.jpg"></a><a href="/~darlingbuds"><img src="http://i42.tinypic.com/so97qe.jpg"></a><a href="/~darlingbuds"><img src="http://i41.tinypic.com/vf85et.jpg"></a>

Back to the Top

Gifs

All these gifs were handmade by me, please do not remove credit as it takes a lot of time and effort to make these.

<a href="/~darlingbuds"><img src="http://i42.tinypic.com/9fqp75.jpg"></a>

<a href="/~darlingbuds"><img src="http://i41.tinypic.com/2akkbp5.jpg"></a>

<a href="/~darlingbuds"><img src="http://i39.tinypic.com/2eauzp5.jpg"></a>

<a href="/~darlingbuds"><img src="http://i42.tinypic.com/iwlkdd.jpg"></a>

<a href="/~darlingbuds"><img src="http://i39.tinypic.com/axgzye.jpg"></a>

Back to the Top

Sitely

To apply to become an affiliate with Ivory Skin, neomail sleepinginthedaisies. Please mark the subject as Becoming Affiliates.

Affiliates

Listers

link back

<a href="/~darlingbuds"><img src="http://i1116.photobucket.com/albums/k573/nienkju4/sleepinginthedaisies.gif" border="0"></a><a href="/~darlingbuds"><img src="http://i39.tinypic.com/zwklx.jpg" border="0"></a>

Ranked at...

Thanks to...

Thanks to Dark Light for the place holders. And Perfect Symmetry and Whirligig for the amazing buttons!

Rules

1. Do not steal any coding and claim it as your own.
2. Do not steal any images and claim as your own.
3. Never remove the credit.

Back to the Top