castle

petpage layouts

these can be used on petpages, and on sites like freewebs. =)

theme Sorting Hat
date 6/22/08

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: #a49d85;} A:link, A:active, A:visited {color: #e7e2db; font: 7pt; font-family: courier new; text-transform: uppercase;} A:hover {color:#cbc1b2;} b {font-size: 8pt; font-family: georgia; color: #1e0e08;} h2 {color: #9c8d77; background-color: #000000; border-bottom: 4px solid #2e1d0f; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} #input,textarea {font-family:small fonts; border: 4px solid black; background-color: black; font-size:8px; color:#ad8a63;} body {background-image: url(http://i32.tinypic.com/2vj7bfd.jpg);} </style /> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://i31.tinypic.com/1zf4idg.jpg" border="0"> </div> <div style="position: absolute; left: 53px; top: 500px; width: 495px; overflow:auto;"> <center> <h2>welcome</h2> Welcome to the Sorting Hat Page! <p> <h2>Sorting Hat Song</h2> <P> Oh you may not think me pretty, <Br>But don't judge on what you see, <Br>I'll eat myself if you can find <Br>A smarter hat than me. <Br>You can keep your bowlers black, <Br>Your top hats sleek and tall, <Br>For I'm the Hogwarts Sorting Hat <Br>And I can cap them all. <Br>There's nothing hidden in your head <Br>The Sorting Hat can't see, <Br>So try me on and I will tell you <Br>Where you ought to be. <P> You might belong in Gryffindor, <Br>Where dwell the brave at heart, <Br>Their daring, nerve, and chivalry <Br>Set Gryffindors apart; <Br>You might belong in Hufflepuff, <Br>Where they are just and loyal, <Br>Those patient Hufflepuffs are true <Br>And unafraid of toil; <Br>Or yet in wise old Ravenclaw, <Br>if you've a ready mind, <Br>Where those of wit and learning, <Br>Will always find their kind; <Br>Or perhaps in Slytherin <Br>You'll make your real friends, <Br>Those cunning folks use any means <Br>To achieve their ends. <P> So put me on! Don't be afraid! <Br>And don't get in a flap! <Br>You're in safe hands (though I have none) <Br>For I'm a Thinking Cap! </div> <div style="position: absolute; left: 553px; top: 500px; width: 257px; overflow:auto;"> <h2>links</h2> <P> x <a href=http://neopets.com/~prrrince>link test</a> <p> <h2>credits</h2> Thanks for the petpage layout, overagain.net. <P> <a href=http://www.neopets.com/~prrrince><img src=http://img225.imageshack.us/img225/4995/linktous10copyyg0.jpg border=0></a> <p>

theme Wands
date 4/18/08

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: #918062;} A:link, A:active, A:visited {color: #4d291d; font: 7pt; font-family: courier new; text-transform: uppercase;} A:hover {color:#34180f;} b {font-size: 8pt; font-family: georgia; color: #49351d;} h2 {color: #73684c; background-color: #331411; border-bottom: 4px solid #1b1e15; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} #input,textarea {font-family:small fonts; border: 4px solid #331411; background-color: #32312c; font-size:8px; color:black;} body {background-image: url(http://img292.imageshack.us/img292/6135/narniabackvx3.jpg);} </style /> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img176.imageshack.us/img176/2381/wandscopygb5.jpg" border="0"> </div> <div style="position: absolute; left: 68px; top: 360px; width: 445px; overflow:auto;"> <center> <h2>welcome</h2> Welcome to my petpage! <p> </div> <div style="position: absolute; left: 526px; top: 382px; width: 202px; overflow:auto;"> <h2>links</h2> <P> x <a href=http://neopets.com/~prrrince>link test</a> <p> <h2>credits</h2> Thanks for the petpage layout, overagain.net. <P> <a href=http://www.neopets.com/~prrrince><img src=http://img225.imageshack.us/img225/4995/linktous10copyyg0.jpg border=0></a> <p>

theme forbidden forest
date 11/09/07

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: white;} A:link, A:active, A:visited {color: #A39C70; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#01010E;} b {font-size: 10.5pt; font-family: garamond; color: #C4B06D;} h1 {color: #3E2F2C; background-color: #908E66; padding-top: 2px; padding-bottom: 2px; font-size: 17pt; font-family: trebuchet ms; letter-spacing:2px; text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: 3px black solid; margin:0px;} h2 {color: #DCD0CC; background-color: #3E2F2C; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} body {background-image: url(http://img116.imageshack.us/img116/6268/ffbackka7.jpg);} </style /> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img81.imageshack.us/img81/4853/forbiddenforestcopyyb1.jpg" border=0> </div> <div style="position: absolute; left:445px; top:415px; width:407px; overflow:auto;"> <h1>forbidden forest</h1> <h2>dare to go any further?</h2> <center> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>header</h1> <h2>another header</h2> <center> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <p> <h1>credits</h1> <h2>made this page possible</h2> <P> Thanks for the layout, overagain.unphased.org <p> <a href=http://www.neopets.com/~ilovemymomtattooo><img src=http://i163.photobucket.com/albums/t303/extravagence/linkbuttoncopy.jpg border=0></a> <P> </div> <div style="position: absolute; left:147px; top:27px; width:264px; height: 130px; overflow:auto;"> <h1>updates</h1> <h2>what'd ya miss</h2> <center> <p> <b>date</b> update here <br><b>date</b> update here <br><b>date</b> update here <br><b>date</b> update here <br><b>date</b> update here <br><b>date</b> update here </center>

theme diagon alley
date 11/08/07

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: white;} A:link, A:active, A:visited {color: #532C27; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#634C32;} b {font-size: 10.5pt; font-family: garamond; color: #532C27;} h1 {color: #836652; background-color: #4E2517; padding-top: 2px; padding-bottom: 2px; font-size: 17pt; font-family: trebuchet ms; letter-spacing:2px; text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: 3px black solid; margin:0px;} h2 {color: #DCD0CC; background-color: #59482B; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} body {background-color: #39130E;} </style /> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img240.imageshack.us/img240/3321/diagonalleycopytp7.jpg" border=0> </div> <div style="position: absolute; left:451px; top:363px; width:413px; overflow:auto;"> <h1>diagon alley</h1> <h2>go shopping</h2> <center> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>header</h1> <h2>another header</h2> <center> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <p> </div> <div style="position: absolute; left:142px; top:542px; width:190px; height:370px; overflow:auto;"> <center> <h1>portkeys</h1> <h2>get places</h2> <P> <a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <p> <h1>credits</h1> <h2>made this page possible</h2> <P> Thanks for the layout, overagain.unphased.org <p> <a href=http://www.neopets.com/~ilovemymomtattooo><img src=http://i163.photobucket.com/albums/t303/extravagence/linkbuttoncopy.jpg border=0></a> <P> </div> </center>

theme daily prophet
date 11/08/07

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: white;} A:link, A:active, A:visited {color: #0B0505; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#5A4337;} b {font-size: 10.5pt; font-family: garamond; color: #2A3123;} h1 {color: #9C764C; background-color: #562F19; padding-top: 2px; padding-bottom: 2px; font-size: 17pt; font-family: trebuchet ms; letter-spacing:2px; text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: 3px black solid; margin:0px;} h2 {color: #DCD0CC; background-color: #250B0A; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} body {background-color: #0A0604;} </style /> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img180.imageshack.us/img180/2019/dailyprophetcopyay9.jpg" border=0> </div> <div style="position: absolute; left: 538px; top: 178px; width: 261px; height: 346px; overflow:auto;"> <h1>daily prophet</h1> <h2>welcome to the news page</h2> <center> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>header</h1> <h2>another header</h2> <center> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h1>credits</h1> <h2>made this page possible</h2> <P> Thanks for the layout, overagain.unphased.org <p> <a href=http://www.neopets.com/~ilovemymomtattooo><img src=http://i163.photobucket.com/albums/t303/extravagence/linkbuttoncopy.jpg border=0></a> <P> </center>

theme floo network
date 11/08/07

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: #ADA291;} A:link, A:active, A:visited {color: #0B0611; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#6C6157; color:#33231F;} b {font-size: 10.5pt; font-family: garamond; color: #1B0610;} h1 {color: #634238; background-color: #939681; padding-top: 2px; padding-bottom: 2px; font-size: 17pt; font-family: trebuchet ms; letter-spacing:2px; text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: 3px #A8593C solid; margin:0px;} h2 {color: b8b8b8; background-color: #452D20; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} #input,textarea {font-family:small fonts; border: 4px solid #706051; background-color: #4B281F; font-size:8px; color:white;} body {background-image: url(http://img91.imageshack.us/img91/3619/floobackzm1.jpg);} </style /> </head> </div> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img101.imageshack.us/img101/8358/floopowderci1.gif" border=0> </div> <div style="position: absolute; left:369px; top:320px; width:307px; overflow:auto;"> <center> <h1>header</h1> <h2>another header</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <p> <h1>header</h1> <h2>another header</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <p> </div> <div style="position: absolute; left:68px; top:470px; width:228px; overflow: auto;"> <P> <center> <a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <P> thanks overagain.unphased.org for this layout. (: <p> <a href=http://www.neopets.com/~ilovemymomtattooo><img src=http://i163.photobucket.com/albums/t303/extravagence/linkbuttoncopy.jpg border=0></a> </center>

theme honeydukes
date 11/4/07

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: black;} A:link, A:active, A:visited {color: #0C1205; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#B38854; color:#494624;} b {font-size: 10.5pt; font-family: garamond; color: #BCA787;} h1 {color: #502C0C; background-color: #9B734E; padding-top: 2px; padding-bottom: 2px; font-size: 17pt; font-family: trebuchet ms; letter-spacing:2px; text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: 3px #4B4625 solid; margin:0px;} h2 {color: b8b8b8; background-color: #000000; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} #input,textarea {font-family:small fonts; border: 4px solid #745C30; background-color: #615A2F; font-size:8px; color:white;} body {background-color: #423917;} </style /> </head> </div> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img229.imageshack.us/img229/9251/hogsmeadecopywl9.jpg" border=0> </div> <div style="position: absolute; left:45px; top:370px; width:373px; height: 359px; overflow:auto;"> <center> <h1>header</h1> <h2>another header</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <p> <h1>header</h1> <h2>another header</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <p> </div> <div style="position: absolute; left:640px; top:11px; width:294px; height:176px;"> <P> <center> <b>date</b> update here <br><b>date</b> update here <br><b>date</b> update here <br><b>date</b> update here <P> thanks overagain.unphased.org for this layout. (: <p> <a href=http://www.neopets.com/~ilovemymomtattooo><img src=http://i163.photobucket.com/albums/t303/extravagence/linkbuttoncopy.jpg border=0></a> </center>

theme sorting hat
date 9/22/07

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: #e8dcc9;} A:link, A:active, A:visited {color: #5c5b49; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#c7ab8c;} b {font-size: 10.5pt; font-family: garamond; color: #5c5b49;} h1 {color: #e0c7a5; background-color: #6a442d; padding-top: 2px; padding-bottom: 2px; font-size: 17pt; font-family: trebuchet ms; letter-spacing:2px; text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: 3px black solid; margin:0px;} h2 {color: #e8e8e8; background-color: #797560; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} body {background-color: #695b41;} </style /> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img119.imageshack.us/img119/1315/sortinghatcopyjd2.jpg" border=0> </div> <div style="position: absolute; left:20px; top:500px; width:366px;"> <h1>Sorting Hat</h1> <h2>Get put into a house</h2> <center> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <P> <h1>credits</h1> <h2></h2> <p> thanks overagain.unphased.org for the layout. <p> <a href=http://www.neopets.com/~ilovemymomtattooo><img src=http://img218.imageshack.us/img218/5817/link1et7.jpg border=0></a> <p> </center> </div> <div style="position: absolute; left:463px; top:460px; width:184px;"> <h1>Navigation</h1> <h2>travel places</h2> <center> <p> <a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> </center>

theme dumbledore's army
date 9/21/07

<style type="text/css" /> font,body,td,tr,p {font-size: 7.5pt; font-family: verdana; color: #9a9a9a;} A:link, A:active, A:visited {color: #d1b57f; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#0b2822; color:#a18b60;} b {font-size: 10.5pt; font-family: garamond; color: #8a6741;} h1 {color: #664833; background-color: #0b2822; padding-top: 2px; padding-bottom: 2px; font-size: 17pt; font-family: trebuchet ms; letter-spacing:2px; text-transform:uppercase; font-weight: bold; text-align: left; border-bottom: 3px #6a5b40 solid; margin:0px;} h2 {color: b8b8b8; background-color: #4a3e31; padding-top: 2px; padding-bottom: 2px; font-size: 6pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} #input,textarea {font-family:small fonts; border: 4px solid #512319; background-color: #251f18; font-size:8px; color:white;} body {scrollbar-face-color: #272624; scrollbar-highlight-color: #272624; scrollbar-3dlight-color: #272624; scrollbar-darkshadow-color: #272624; scrollbar-shadow-color: #272624; scrollbar-arrow-color: #272624; scrollbar-track-color: #272624; background-color: #272624;} body {background-image: url(http://img150.imageshack.us/img150/1038/dumbledorebackxt5.jpg);} </style /> </head> </div> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img87.imageshack.us/img87/755/dumbledoresarmyeq2.jpg" border=0> </div> <div style="position: absolute; left:271px; top:405px; width:369px; overflow:auto;"> <center> <h1>header</h1> <h2>another header</h2> <p> text text text text <p> </div> <div style="position: absolute; left:383px; top:13px; width:233px; height:89px;"> <b>date</b> update here </div> <div style="position: absolute; left:39px; top:470px; width:187px; height:461px; overflow:auto;"> <center> <h1>navigation</h1> <h2>links</h2> <p> <h1>header</h1> <h2>another header</h2> <p> <a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <br><a href=http://www.neopets.com/~ilovemymomtattooo>link</a> <p> <a href=http://www.neopets.com/~ilovemymomtattooo><img src=http://img218.imageshack.us/img218/5817/link1et7.jpg border=0></a> <p>

shooter

navigate

Begin
Writings
Graphics
Resources
Site
Alyssa

Affiliates

Broken Desires
Crash and Ride
Disfunctional Day
Fake the Way
Forgotten Magic
Innocense
Insomnia
Sayarynth
Sworn Obsessions
That Special Site
Victimizes

past three updates

November 14th 2 Layouts
November 13th 4 Coloring Tutorials
November 12th 1 Dark Knight Icon