castle

common room layouts

common room layouts

these can be used on petpages, as well as on sites like freewebs... though i'll code them for iframes later on as well so that they're easier to work with on freewebs. =)

slytherin

Slytherin
date 10/20/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: #dcc8a5; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#4b4b26; color:#beb88a;} b {font-size: 10.5pt; font-family: garamond; color: #81704e;} h1 {color: #1b2d1d; background-color: #aea284; 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: #d2d2d2; background-color: #4c4d27; padding-top: 2px; padding-bottom: 2px; font-size: 6.5pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} #input,textarea {font-family:small fonts; border: 4px solid #273826; background-color: #5d5537; font-size:8px; color:white;} body {background-image: url(http://img514.imageshack.us/img514/5673/2slythbackiy1.jpg);} </style> </head> </div> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img221.imageshack.us/img221/5650/2slytherincommonroomms2.jpg" border="0"> </div> <div style="position: absolute; left:249px; top:575px; width:474px; overflow:auto;"> <center> <h1>slytherin common room</h1> <h2>welcome to our domain</h2> <P> <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> <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.net <p> <a href=http://neopets.com/~prrrince><img src=http://img502.imageshack.us/img502/9163/linktous12yh7.jpg border=0></a> <P> </center> </div> <div style="position: absolute; left:38px; top:370px; width:147px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</h2> <P> <a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <p> </div> <div style="position: absolute; left:263px; top:298px; width:226px; height:75px; overflow:auto;"> <b>date</b> update description here <P>

gryffindor

house Gryffindor
date 9/16/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: #c29b82; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#210e0a; color:#84674f;} b {font-size: 10.5pt; font-family: garamond; color: #5f2f25;} h1 {color: #88806b; background-color: #5f2f25; 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: #7b6b58; 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 #8d836e; background-color: #5f3328; font-size:8px; color:white;} body {scrollbar-face-color: #1c130a; scrollbar-highlight-color: #1c130a; scrollbar-3dlight-color: #1c130a; scrollbar-darkshadow-color: #1c130a; scrollbar-shadow-color: #1c130a; scrollbar-arrow-color: #1c130a; scrollbar-track-color: #1c130a; background-color: #1c130a;} body {background-image: url(http://img409.imageshack.us/img409/6024/gryffindorbackgroundah4.jpg);} </style> </head> </div> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img179.imageshack.us/img179/3935/gryffindorcommonroomcopce5.jpg" border="0"> </div> <div style="position: absolute; left:107px; top:274px; width:214px; overflow:auto;"> <center> <h1>gryffindor common room</h1> <h2>welcome to our domain</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> <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.net <p> <a href=http://neopets.com/~prrrince><img src=http://img502.imageshack.us/img502/9163/linktous12yh7.jpg border=0></a> <P> </center> </div> <div style="position: absolute; left:441px; top:500px; width:207px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</h2> <P> <a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <p> </div> <div style="position: absolute; left:441px; top:353px; width:207px; height:134px; overflow:auto;"> <p> <b>date</b> update description here <p>

Slytherin

house Slytherin
date 9/16/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: #dcc8a5; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#4b4b26; color:#beb88a;} b {font-size: 10.5pt; font-family: garamond; color: #81704e;} h1 {color: #1b2d1d; background-color: #aea284; 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: #d2d2d2; background-color: #4c4d27; padding-top: 2px; padding-bottom: 2px; font-size: 6.5pt; font-family: courier new; letter-spacing:2px; text-transform:uppercase; text-align: center; margin:0px;} #input,textarea {font-family:small fonts; border: 4px solid #273826; background-color: #5d5537; font-size:8px; color:white;} body {scrollbar-face-color: #13160a; scrollbar-highlight-color: #13160a; scrollbar-3dlight-color: #13160a; scrollbar-darkshadow-color: #13160a; scrollbar-shadow-color: #13160a; scrollbar-arrow-color: #13160a; scrollbar-track-color: #13160a; background-color: #13160a;} body {background-image: url(http://img403.imageshack.us/img403/8679/slytherinbackgroundpn6.jpg);} </style> </head> </div> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img260.imageshack.us/img260/3455/slytherincommonroomcopywh6.jpg" border="0"> </div> <div style="position: absolute; left:50px; top:327px; width:309px; overflow:auto;"> <center> <h1>slytherin common room</h1> <h2>welcome to our domain</h2> <P> <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> <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.net <p> <a href=http://neopets.com/~prrrince><img src=http://img502.imageshack.us/img502/9163/linktous12yh7.jpg border=0></a> <P> </center> </div> <div style="position: absolute; left:381px; top:465px; width:207px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</h2> <P> <a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <p> </div> <div style="position: absolute; left:381px; top:295px; width:207px; height:134px; overflow:auto;"> <p> <b>date</b> update description here <p>

hufflepuff

house Hufflepuff
date 9/16/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: #d5ba87; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#71311e; color:#b69d6a;} b {font-size: 10.5pt; font-family: garamond; color: #71311e;} h1 {color: #433d28; background-color: #7d6c49; 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 #512315 solid; margin:0px;} h2 {color: #e8e8e8; background-color: #bca05e; 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 #947342; background-color: #a99a65; font-size:8px; color:white;} body {scrollbar-face-color: #0e0d09; scrollbar-highlight-color: #0e0d09; scrollbar-3dlight-color: #0e0d09; scrollbar-darkshadow-color: #0e0d09; scrollbar-shadow-color: #0e0d09; scrollbar-arrow-color: #0e0d09; scrollbar-track-color: #0e0d09; background-color: #0e0d09;} body {background-image: url(http://img255.imageshack.us/img255/9527/hufflepuffbackgroundtu8.jpg);} </style> </head> </div> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img221.imageshack.us/img221/4610/hufflepuffcommonroomcoptb7.jpg" border="0"> </div> <div style="position: absolute; left:50px; top:327px; width:309px; overflow:auto;"> <center> <h1>hufflepuff common room</h1> <h2>welcome to our domain</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> <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.net <p> <a href=http://neopets.com/~prrrince><img src=http://img502.imageshack.us/img502/9163/linktous12yh7.jpg border=0></a> <P> </center> </div> <div style="position: absolute; left:441px; top:500px; width:207px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</h2> <P> <a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <p> </div> <div style="position: absolute; left:441px; top:353px; width:207px; height:134px; overflow:auto;"> <p> <b>date</b> update description here <p>

ravenclaw

house Ravenclaw
date 9/16/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: #cfbda4; font: 8pt; font-family: verdana; font-weight: bold; text-decoration:none;} A:hover {background-color:#4a4223; color:#948162;} b {font-size: 10.5pt; font-family: garamond; color: #696438;} h1 {color: #cbb083; background-color: #2a211f; 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 #948e50 solid; margin:0px;} h2 {color: white; background-color: #bfab8f; 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 #907d61; background-color: #110b0e; font-size:8px; color:white;} body {scrollbar-face-color: #080706; scrollbar-highlight-color: #080706; scrollbar-3dlight-color: #080706; scrollbar-darkshadow-color: #080706; scrollbar-shadow-color: #080706; scrollbar-arrow-color: #080706; scrollbar-track-color: #080706; background-color: #080706;} body {background-image: url(http://img409.imageshack.us/img409/8079/ravenclawbackgroundko1.jpg);} </style> </head> <div style="position: absolute; top:0; left:0;"> <IMG SRC="http://img228.imageshack.us/img228/4060/ravenclawcommonroomcopyqe5.jpg" border="0"> </div> <div style="position: absolute; left:29px; top:327px; width:309px; overflow:auto;"> <center> <h1>ravenclaw common room</h1> <h2>welcome to our domain</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 <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 <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.net <p> <a href=http://neopets.com/~prrrince><img src=http://img502.imageshack.us/img502/9163/linktous12yh7.jpg border=0></a> <P> </center> </div> <div style="position: absolute; left:381px; top:465px; width:207px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</h2> <P> <a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <br><a href=http://neopets.com/~prrrince>link</a> <p> </div> <div style="position: absolute; left:381px; top:319px; width:207px; height:134px; overflow:auto;"> <p> <b>date</b> update description here <b>date</b> update description here <b>date</b> update description here <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