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.unphased.org <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:38px; top:370px; width:147px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</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> </div> <div style="position: absolute; left:263px; top:298px; width:226px; height:75px; overflow:auto;"> <b>date</b> update description here </div>

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.unphased.org <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:441px; top:500px; width:207px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</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> </div> <div style="position: absolute; left:441px; top:353px; width:207px; height:134px; overflow:auto;"> <p> <b>date</b> update description here </div>

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.unphased.org <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:381px; top:465px; width:207px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</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> </div> <div style="position: absolute; left:381px; top:295px; width:207px; height:134px; overflow:auto;"> <p> <b>date</b> update description here </div>

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.unphased.org <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:441px; top:500px; width:207px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</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> </div> <div style="position: absolute; left:441px; top:353px; width:207px; height:134px; overflow:auto;"> <p> <b>date</b> update description here </div>

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> <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.unphased.org <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:381px; top:465px; width:207px; overflow:auto;"> <center> <div style="position: absolute; left:29px; top:327px; width:309px; overflow:auto;"> <center> <h1>header</h1> <h2>another header here</h2> <P> text text text text text <P> </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://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> </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 </div>

navigate

Over Again
Home

guild layouts

Fashion
Harry potter
Narnia
Neopets

lookups

Harry potter
Lord of the rings
Narnia
Neopets
Pirates of the Caribbean
Other

petpage layouts

Class layouts
Common rooms
Harry Potter
Narnia