petpage | userlookup | guild

petpage layouts

click and drag the image to your address bar to see the full-sized version. if you have any questions about coding, feel free to neomail me!

<style> .img1 { top: 40px; left: 200px; border: none; } b { color: #bc3769; font-style: normal; font-family: century gothic; } i { color: #bc6337; font-weight: normal; font-style: italic; font-family: baskerville; font-size: 12px; } A:link, A:visited, A:active { color: #577b60; font-family: century gothic; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; font-size: 10px; } A:hover { color: #5ba96e; font-family: century gothic; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; font-size: 10px; } .info { padding: 0px; top: 264px; left: 442px; width: 590px; height: 323px; overflow: auto; border: none; } .page { height: 323px; overflow: auto; } .navigationbox { top: 264px; left: 214px; width: 220px; height: 323px; overflow: auto; border: none; padding: 0px; } .titlebox { top: 186px; left: 644px; width: 378px; height: 79px; overflow: -blocked-; padding: 0px; } .nav:link, .nav:visited, .nav:active { color: #4e4e4e; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #d9cab3; width: 214px; display: block; border-bottom: none; text-align: center; } .nav:hover { color: #4e4e4e; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #f9c6d7; border-bottom: none; width: 214px; display: block; text-align: center; } .updatediv { overflow: auto; height: 211px; border: none; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/6936b334.jpg"); background-attachment: fixed; } body, p, font, div, table, td, textarea { font-family: century gothic; font-size: 10px; color: #3d3d3d; line-height: 14px; } h1 { text-align: center; font-family: Times; font-size: 66px; color: #FFFFFF; font-style: italic; font-weight: normal; } h2 { text-align: center; font-family: times; font-size: 30px; color: #2a2a2a; font-weight: normal; font-style: italic; background-color: #8aae92; } h3 { text-align: center; font-family: century gothic; font-size: 9px; color: #2a2a2a; text-transform: uppercase; font-weight: normal; font-style: normal; border: 1px solid #8aae92; background-color: #b0c4b5; } h4 { color: #707d9f; font-family: century gothic; font-weight: normal; text-align: center; padding-right: 5px; display: block; font-style: normal; font-size: 9px; line-height: 19px; text-transform: uppercase; border: 1px solid #97a3c4; background-color: #adbadb; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } textarea { font-family: tahoma; font-size: 8px; color: #353535; line-height: 14px; border: 1px solid black; } .buttonform { width: 88px; height: 13px; border: 1px solid #4e4e4e; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/beb134b6.png"> </div> <div class="titlebox" style="position: absolute;"> <h1>Site Title </h1> </div> <div class="navigationbox" style="position: absolute;"> <table cellspacing="2"> <tr><td> <a href="#home" class="nav">main</a> </td></tr> <tr> <td> <a href="#page2" class="nav">page 2</a> </td> </tr> <tr><td> <a href="#page3" class="nav">page 3</a> </td></tr> <tr> <td> <a href="#page4" class="nav">page 4</a> </td> </tr> <tr><td> <a href="#page5" class="nav">page 5</a> </td></tr> <tr> <td> <a href="#sitely" class="nav">sitely</a> </td> </tr> </table> <div class="updatediv"> <h3>updates</h3> <b>november 7, 2011</b><br><i>+</i> i recommend formatting your updates like this.<br><i>+</i> however, it's up to you; you may make minor adjustments if you like.<br><i>+</i> be sure to write out the month in your dates, since numerical dates are read in different orders in different countries. </div> </div> <div id="content" class="info" style="position: absolute;"> <a name="home"> </a> <div class="page"> <center><h2>Section Title</h2></center> <center><h3>Subtitle</h3></center> body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>. </div> <a name="page2"> </a> <div class="page"> Content for Page 2 Here. </div> <a name="page3"> </a> <div class="page"> Content for Page 3 Here. </div> <a name="page4"> </a> <div class="page"> Content for Page 4 Here. </div> <a name="page5"> </a> <div class="page"> Content for Page 5 Here. </div> <a name="sitely"> </a> <div class="page"> <h2>credits</h2> layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br> images from neopets </div> </div>	<style> .img1 { top: 0px; left: 157px; border: none; } b { color: #716ac8; font-weight: normal; font-style: normal; font-family: century gothic; text-transform: uppercase; font-size: 8px; } i { color: #6a65a7; font-weight: normal; font-style: italic; font-family: baskerville; font-size: 11px; } A:link, A:visited, A:active { color: #3f1479; font-family: century gothic; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: 1px dotted #3f1479; } A:hover { color: #9f70a6; font-family: century gothic; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 9px; } .info { padding: 0px; top: 294px; left: 564px; width: 385px; height: 413px; overflow: auto; border: none; } .page { height: 413px; overflow: auto; } .navigationbox { top: 404px; left: 386px; width: 200px; height: 280px; overflow: auto; border: none; padding: 0px; text-align: right; } .titlebox { top: 260px; left: 98px; width: 378px; height: 79px; overflow: -blocked-; padding: 0px; } .nav:link, .nav:visited, .nav:active { color: #4e4e4e; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #d9cab3; width: 80px; padding-top: 30px; padding-bottom: 30px; display: block; border-bottom: none; text-align: center; } .nav:hover { color: #4e4e4e; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #f9bfdf; border-bottom: none; width: 80px; padding-top: 30px; padding-bottom: 30px; display: block; text-align: center; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/d601f87a.jpg"); background-attachment: fixed; } body, p, font, div, table, td, textarea { font-family: century gothic; font-size: 9px; color: #4861a2; line-height: 14px; } h1 { text-align: center; font-family: utopia; font-size: 66px; color: #fdf4e5; font-style: italic; font-weight: normal; letter-spacing: -2px; } h2 { text-align: center; font-family: utopia; font-size: 21px; color: #6762b1; font-weight: normal; text-transform: lowercase; line-height: 13px; font-style: normal; letter-spacing: 3px; border-bottom: 1px dotted #576ea9; } h3 { font-family: century gothic; font-size: 10px; color: #bf5c9d; font-weight: normal; text-transform: uppercase; line-height: 2px; display: block; font-style: normal; text-align: center; letter-spacing: 3px; } h4 { color: #707d9f; font-family: century gothic; font-weight: normal; text-align: center; padding-right: 5px; display: block; font-style: normal; font-size: 9px; line-height: 19px; text-transform: uppercase; border: 1px solid #97a3c4; background-color: #adbadb; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } textarea { font-family: tahoma; font-size: 8px; color: #353535; line-height: 14px; border: 1px solid black; } .buttonform { width: 88px; height: 13px; border: 1px solid #4e4e4e; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/aa4134a5.png"> </div> <div class="titlebox" style="position: absolute;"> <h1>Site Title </h1> </div> <div class="navigationbox" style="position: absolute;"> <table cellspacing="2"> <tr> <td> <a href="#home" class="nav">main</a> </td> <td> <a href="#page2" class="nav">page 2</a> </td> </tr> <tr> <td> <a href="#page3" class="nav">page 3</a> </td> <td> <a href="#page4" class="nav">page 4</a> </td> </tr> <tr> <td> <a href="#page5" class="nav">page 5</a> </td> <td> <a href="#sitely" class="nav">sitely</a> </td> </tr> </table> </div> <div id="content" class="info" style="position: absolute;"> <a name="home"> </a> <div class="page"> <center><h2>Section Title</h2></center> <h3>Subtitle</h3> body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>. </div> <a name="page2"> </a> <div class="page"> Content for Page 2 Here. </div> <a name="page3"> </a> <div class="page"> Content for Page 3 Here. </div> <a name="page4"> </a> <div class="page"> Content for Page 4 Here. </div> <a name="page5"> </a> <div class="page"> Content for Page 5 Here. </div> <a name="sitely"> </a> <div class="page"> <h2>credits</h2> layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br> images from neopets </div> </div>
<style> .img1 { top: 30px; left: 200px; border: none; } b { color: #716ac8; font-weight: normal; font-style: normal; font-family: century gothic; text-transform: uppercase; font-size: 8px; } i { color: #6a65a7; font-weight: normal; font-style: italic; font-family: baskerville; font-size: 11px; } A:link, A:visited, A:active { color: #3f1479; font-family: century gothic; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: 1px dotted #3f1479; } A:hover { color: #9f70a6; font-family: century gothic; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 9px; } .info { padding: 0px; top: 189px; left: 499px; width: 378px; height: 475px; overflow: auto; border: none; } .page { height: 475px; overflow: auto; } .navigationbox { top: 164px; left: 499px; width: 378px; height: 16px; overflow: auto; border: none; padding: 0px; } .titlebox { top: 110px; left: 499px; width: 378px; height: 79px; overflow: -blocked-; padding: 0px; } .nav:link, .nav:visited, .nav:active { color: #405079; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #ababab; padding-right: 8px; padding-left: 8px; border-bottom: none; } .nav:hover { color: #405079; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #e59fcd; padding-right: 8px; padding-left: 8px; border-bottom: none; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/bdfaaf8f.gif"); background-attachment: fixed; } body, p, font, div, table, td, textarea { font-family: century gothic; font-size: 9px; color: #4861a2; line-height: 14px; } h1 { text-align: center; font-family: utopia; font-size: 45px; color: #9a77b5; font-style: italic; font-weight: normal; } h2 { text-align: center; font-family: utopia; font-size: 21px; color: #6762b1; font-weight: normal; text-transform: lowercase; line-height: 13px; font-style: normal; letter-spacing: 3px; border-bottom: 1px dotted #576ea9; } h3 { font-family: century gothic; font-size: 10px; color: #bf5c9d; font-weight: normal; text-transform: uppercase; line-height: 2px; display: block; font-style: normal; text-align: center; letter-spacing: 3px; } h4 { color: #707d9f; font-family: century gothic; font-weight: normal; text-align: center; padding-right: 5px; display: block; font-style: normal; font-size: 9px; line-height: 19px; text-transform: uppercase; border: 1px solid #97a3c4; background-color: #adbadb; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } textarea { font-family: tahoma; font-size: 8px; color: #353535; line-height: 14px; border: 1px solid black; } .buttonform { width: 88px; height: 13px; border: 1px solid #4e4e4e; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/8718d527.png" border="0"> </div> <div class="titlebox" style="position: absolute;"> <h1>Site Title </h1> </div> <div class="navigationbox" style="position: absolute;"> <center><table cellspacing="0"><tr> <td><a href="#home" class="nav">main</a></td> <td><a href="#page2" class="nav">page 2</a></td> <td><a href="#page3" class="nav">page 3</a></td> <td><a href="#page4" class="nav">page 4</a></td> <td><a href="#page5" class="nav">page 5</a></td> <td><a href="#page6" class="nav">page 6</a></td> <td><a href="#sitely" class="nav">sitely</a></td> </tr></table></center> </div> <div id="content" class="info" style="position: absolute;"> <a name="home"> </a> <div class="page"> <center><h2>Section Title</h2></center> <h3>Subtitle</h3> body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>. </div> <a name="page2"> </a> <div class="page"> Content for Page 2 Here. </div> <a name="page3"> </a> <div class="page"> Content for Page 3 Here. </div> <a name="page4"> </a> <div class="page"> Content for Page 4 Here. </div> <a name="page5"> </a> <div class="page"> Content for Page 5 Here. </div> <a name="page6"> </a> <div class="page"> Content for Page 6 Here. </div> <a name="sitely"> </a> <div class="page"> <h2>credits</h2> layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br> images from neopets </div> </div>	<style> .img1 { top: 0px; left: 100px; border: none; } b { color: #716ac8; font-weight: normal; font-style: normal; font-family: century gothic; text-transform: uppercase; font-size: 8px; } i { color: #6a65a7; font-weight: normal; font-style: italic; font-family: baskerville; font-size: 11px; } A:link, A:visited, A:active { color: #3f1479; font-family: century gothic; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: 1px dotted #3f1479; } A:hover { color: #9f70a6; font-family: century gothic; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 9px; } .info { padding: 0px; top: 159px; left: 399px; width: 378px; height: 475px; overflow: auto; border: none; } .page { height: 475px; overflow: auto; } .navigationbox { top: 134px; left: 399px; width: 378px; height: 16px; overflow: auto; border: none; padding: 0px; } .titlebox { top: 80px; left: 399px; width: 378px; height: 79px; overflow: -blocked-; padding: 0px; } .nav:link, .nav:visited, .nav:active { color: #405079; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #a6b5e0; padding-right: 8px; padding-left: 8px; border-bottom: none; } .nav:hover { color: #405079; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #c1d1ff; padding-right: 8px; padding-left: 8px; border-bottom: none; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/fc91ef6c.gif"); background-attachment: fixed; } body, p, font, div, table, td, textarea { font-family: century gothic; font-size: 9px; color: #4861a2; line-height: 14px; } h1 { text-align: center; font-family: utopia; font-size: 45px; color: #6c7fb8; font-style: italic; font-weight: normal; } h2 { text-align: center; font-family: utopia; font-size: 21px; color: #6762b1; font-weight: normal; text-transform: lowercase; line-height: 13px; font-style: normal; letter-spacing: 3px; border-bottom: 1px dotted #576ea9; } h3 { font-family: century gothic; font-size: 10px; color: #2b4483; font-weight: normal; text-transform: uppercase; line-height: 2px; display: block; font-style: normal; text-align: center; letter-spacing: 3px; } h4 { color: #707d9f; font-family: century gothic; font-weight: normal; text-align: center; padding-right: 5px; display: block; font-style: normal; font-size: 9px; line-height: 19px; text-transform: uppercase; border: 1px solid #97a3c4; background-color: #adbadb; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } textarea { font-family: tahoma; font-size: 8px; color: #353535; line-height: 14px; border: 1px solid black; } .buttonform { width: 88px; height: 13px; border: 1px solid #4e4e4e; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/1d3ddef4.png" border="0"> </div> <div class="titlebox" style="position: absolute;"> <h1>Site Title </h1> </div> <div class="navigationbox" style="position: absolute;"> <center><table cellspacing="0"><tr> <td><a href="#home" class="nav">main</a></td> <td><a href="#page2" class="nav">page 2</a></td> <td><a href="#page3" class="nav">page 3</a></td> <td><a href="#page4" class="nav">page 4</a></td> <td><a href="#page5" class="nav">page 5</a></td> <td><a href="#page6" class="nav">page 6</a></td> <td><a href="#sitely" class="nav">sitely</a></td> </tr></table></center> </div> <div id="content" class="info" style="position: absolute;"> <a name="home"> </a> <div class="page"> <center><h2>Section Title</h2></center> <h3>Subtitle</h3> body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>. </div> <a name="page2"> </a> <div class="page"> Content for Page 2 Here. </div> <a name="page3"> </a> <div class="page"> Content for Page 3 Here. </div> <a name="page4"> </a> <div class="page"> Content for Page 4 Here. </div> <a name="page5"> </a> <div class="page"> Content for Page 5 Here. </div> <a name="page6"> </a> <div class="page"> Content for Page 6 Here. </div> <a name="sitely"> </a> <div class="page"> <h2>credits</h2> layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br> images from neopets </div> </div>
<style> .img1 { top: 60px; left: 250px; border: none; } b { color: #7e04ab; font-weight: bold; font-family: times new roman; font-style: normal; } i { color: #5e0b76; font-weight: bold; font-family: times new roman; font-style: italic; } A:link, A:visited, A:active { color: #7a7aff; font-size: 12px; font-family: times new roman; font-weight: bold; text-decoration: none; } A:hover { color: #bc76e8; font-size: 12px; font-family: times new roman; font-weight: bold; text-decoration: none; font-style: italic; } .info { padding: 0px; top: 91px; left: 480px; width: 290px; height: 489px; overflow: auto; border: none; } .page { height: 489px; overflow: auto; } .navbox { text-align: left; top: 512px; left: 275px; height: 60px; width: 200px; overflow: -blocked-; border: none; padding: 0px; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/519433f7.png"); } .nav:link, .nav:visited, .nav:active { text-align: left; text-decoration: none; color: #7848a0; font-family: century gothic; font-weight: bold; font-size: 16px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; text-transform: lowercase; } .nav:hover { text-align: left; text-decoration: none; color: #a67fc6; font-family: century gothic; font-weight: bold; font-size: 16px; padding-left: 5px; text-transform: lowercase; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/661b7fe8.jpg"); background-attachment: fixed; } body, p, font { font-family: tahoma; font-size: 11px; color: #494949; line-height: 14px; } h1 { text-align: center; font-family: times new roman; font-size: 26px; color: #a078ba; padding-left: 10px; padding-right: 10px; letter-spacing: -2px; border-bottom: 1px dashed #3b7cff; font-weight: bold; text-transform: lowercase; line-height: 15px; font-style: italic; } h2 { font-family: times new roman; font-size: 20px; color: #3b7cff; letter-spacing: -2px; font-weight: normal; text-transform: lowercase; line-height: 9px; display: inline; font-style: italic; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } li { background: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/ece06a74.png") left no-repeat; padding-left: 20px; list-style: none; } textarea { font-family: tahoma; font-size: 11px; color: #2c242e; line-height: 14px; border: 1px solid black; } </style> <div class="img1" style="position: absolute; z-index: -3;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/a65a871b.png"> </div> <div class="navbox" style="position: absolute; z-index: -1;"><table><tr><td valign="middle" width="200"> <a href="#main" class="nav">main</a><a href="#PAGE1NAME" class="nav">link</a><a href="#PAGE2NAME" class="nav">link</a><br><a href="#PAGE3NAME" class="nav">link</a><a href="#PAGE4NAME" class="nav">link</a><a href="#credits" class="nav">credits</a> </td></tr></table></div> <div id="content" class="info" style="position: absolute;"> <a name="main"> </a> <div class="page"> <h1>About Your Layout</h1> This layout was made using the following resources:<br><ul> <li>30 Texture Brushes by <b>Buburu</b> </li> <li> <b>Please keep these credits intact on the credits page.</b> </li> </ul> I used GIMP's excellent feathering, layering and opacity tools to put together this layout. Aside from the accredited brushes, the layout is completely my own handiwork. <br><a href="#main">This is a Link;</a><br><b>This is Bold...</b><br><i>And This is Italic!</i><br><br> </div> <a name="PAGE1NAME"> </a> <div class="page"> <h1>PAGE 1 TITLE</h1> PAGE 1 CONTENT<br><br> </div> <a name="PAGE2NAME"> </a> <div class="page"> <h1>PAGE 2 TITLE</h1> PAGE 2 CONTENT<br><br> </div> <a name="PAGE3NAME"> </a> <div class="page"> <h1>PAGE 3 TITLE</h1> <br> PAGE 3 CONTENT<br><br><br> </div> <a name="PAGE4NAME"> </a> <div class="page"> <h1>PAGE 4 TITLE</h1> PAGE 4 CONTENT<br><br><br> </div> <a name="credits"> </a> <div class="page"> <h1>credits</h1> <ul> <li>Layout, coding and background by <a href="/~brilliantsecrets">BrilliantSecrets</a> </li> <li>30 Texture Brushes by <b>Buburu</b> </li> <li> </li> </ul> </div> </div>	<style> .img1 { top: 20px; left: 100px; border: none; } b { color: #5ca5a6; font-weight: bold; font-style: normal; } i { color: #9f9364; font-weight: bold; font-style: italic; } A:link, A:visited, A:active { color: #bcb377; font-weight: bold; text-decoration: none; } A:hover { color: #67b3e0; font-weight: bold; text-decoration: none; font-style: italic; } .info { padding: 0px; top: 133px; left: 340px; width: 383px; height: 412px; overflow: auto; border: none; } .page { height: 411px; overflow: auto; } .navbox { text-align: center; top: 70px; left: 340px; height: 21px; width: 383px; overflow: -blocked-; border: none; padding: 0px; } .nav:link, .nav:visited, .nav:active { text-align: center; text-transform: uppercase; text-decoration: none; color: #ffffff; background-color: #88b5b2; font-family: century gothic; font-weight: normal; font-size: 11px; line-height: 15px; letter-spacing: 4px; display: block; width: 75px; } .nav:hover { text-align: center; text-transform: uppercase; text-decoration: none; color: #ffffff; background-color: #efaad7; font-family: century gothic; font-weight: normal; line-height: 15px; letter-spacing: 4px; display: block; width: 75px; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/3546ea7b.png"); background-attachment: fixed; } body, p, font, div, table, td, textarea { font-family: tahoma; font-size: 10px; color: #6e7377; line-height: 14px; } h1 { text-align: center; font-family: palatino; font-size: 22px; color: #a1a25f; padding-left: 10px; padding-right: 10px; font-weight: normal; letter-spacing: 7px; line-height: 21px; font-style: normal; border-bottom: 1px dashed #6ecfd0; } h2 { font-family: palatino; font-size: 17px; color: #5ca5a6; font-weight: normal; letter-spacing: 5px; line-height: 9px; display: block; font-style: normal; text-align: center; } h3 { font-family: palatino; font-size: 14px; color: #ffffff; background-color: #4acbcd; letter-spacing: 3px; text-align: center; font-weight: normal; line-height: 10px; padding-bottom: 1px; } .date { font-family: palatino; font-size: 13px; color: #4ea3a4; border-bottom: 1px dotted #78bdf3; letter-spacing: 5px; text-align: left; padding-left: 9px; font-weight: normal; display: block; line-height: 11px; padding-bottom: 1px; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } textarea { font-family: tahoma; font-size: 11px; color: #2c242e; line-height: 14px; border: 1px solid black; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/81dd714a.png" border="0"> </div> <div class="navbox" style="position: absolute;"> <center> <br><br><br><table cellspacing="0"><tr> <td><a href="#PAGE1NAME" class="nav">link</a></td> <td><a href="#PAGE2NAME" class="nav">link</a></td> <td><a href="#PAGE3NAME" class="nav">link</a></td> <td><a href="#PAGE4NAME" class="nav">link</a></td> <td><a href="#PAGE5NAME" class="nav">link</a></td> </tr></table> </center> </div> <div id="content" class="info" style="position: absolute;"> <a name="PAGE1NAME"> </a> <div class="page"> <h1>title</h1> <h2>subtitle</h2> <center> Content for Page 1 Here. <b>Bold.</b> <i>Italic.</i> <a href="#PAGE2NAME">Link.</a><font class="date">Date.</font> </center> </div> <a name="PAGE2NAME"> </a> <div class="page"> Content for Page 2 Here. </div> <a name="PAGE3NAME"> </a> <div class="page"> Content for Page 3 Here. </div> <a name="PAGE4NAME"> </a> <div class="page"> Content for Page 4 Here. </div> <a name="PAGE5NAME"> </a> <div class="page"> Content for Page 5 Here. </div> </div>
<style> .img1 { top: 10px; left: 300px; border: none; } b { color: #7e04ab; font-weight: bold; font-style: normal; } i { color: #5e0b76; font-weight: bold; font-family: times new roman; font-style: italic; } A:link, A:visited, A:active { color: #7a7aff; font-size: 12px; font-family: times new roman; font-weight: bold; text-decoration: none; } A:hover { color: #bc76e8; font-size: 12px; font-family: times new roman; font-weight: bold; text-decoration: none; font-style: italic; } .info { padding: 0px; top: 105px; left: 633px; width: 263px; height: 510px; overflow: auto; border: none; } .page { height: 510px; overflow: auto; } .navbox { text-align: left; top: 381px; left: 324px; height: 341px; width: 94px; overflow: auto; border: none; padding: 0px; } .nav:link, .nav:visited, .nav:active { text-align: left; text-decoration: none; color: #8870b3; font-family: century gothic; font-weight: normal; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; line-height: 25px; background-color: white; } .nav:hover { text-align: left; text-decoration: none; color: #8870b3; font-family: century gothic; font-weight: normal; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; background-color: white; line-height: 25px; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/661b7fe8.jpg"); background-attachment: fixed; } body, p, font { font-family: tahoma; font-size: 11px; color: #494949; line-height: 14px; } h1 { text-align: center; font-family: century gothic; font-size: 22px; color: #a078ba; padding-left: 10px; padding-right: 10px; letter-spacing: -2px; border-bottom: 1px dashed #3b7cff; font-weight: normal; text-transform: lowercase; line-height: 15px; font-style: normal; } h2 { font-family: century gothic; font-size: 18px; color: #3b7cff; letter-spacing: -2px; font-weight: normal; text-transform: lowercase; line-height: 9px; display: inline; font-style: normal; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } li { background: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/ece06a74.png") left no-repeat; padding-left: 20px; list-style: none; } textarea { font-family: tahoma; font-size: 11px; color: #2c242e; line-height: 14px; border: 1px solid black; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/dc414122.png"> </div> <div class="navbox" style="position: absolute; z-index: -1;"> <br><a href="#main" class="nav">main</a><br><a href="#PAGE1NAME" class="nav">link</a><br><a href="#PAGE2NAME" class="nav">link</a><br><a href="#PAGE3NAME" class="nav">link</a><br><a href="#PAGE4NAME" class="nav">link</a><br><a href="#credits" class="nav">credits</a> </div> <div id="content" class="info" style="position: absolute;"> <a name="main"> </a> <div class="page"> <h1>About Your Layout</h1> This layout was made using the following resources:<br><ul> <li>Texture brushes by <b>Buburu</b> </li> <li> <b>Please keep these credits intact on the credits page.</b> </li> </ul> I used GIMP's excellent feathering, layering and opacity tools to put together this layout. Aside from the accredited brushes, the layout is completely my own handiwork. <br><a href="#main">This is a Link;</a><br><b>This is Bold...</b><br><i>And This is Italic!</i><br><br> </div> <a name="PAGE1NAME"> </a> <div class="page"> <h1>PAGE 1 TITLE</h1> PAGE 1 CONTENT<br><br> </div> <a name="PAGE2NAME"> </a> <div class="page"> <h1>PAGE 2 TITLE</h1> PAGE 2 CONTENT<br><br> </div> <a name="PAGE3NAME"> </a> <div class="page"> <h1>PAGE 3 TITLE</h1> <br> PAGE 3 CONTENT<br><br><br> </div> <a name="PAGE4NAME"> </a> <div class="page"> <h1>PAGE 4 TITLE</h1> PAGE 4 CONTENT<br><br><br> </div> <a name="credits"> </a> <div class="page"> <h1>credits</h1> <ul> <li>Layout, coding and background by <a href="/~brilliantsecrets">BrilliantSecrets</a> </li> <li>Texture Brushes by <b>Buburu</b> </li> <li> </li> </ul> </div> </div>	<style> .img1 { top: 20px; left: 100px; border: none; } b { color: #726bd5; } i { color: #ef54ba; font-weight: normal; font-style: italic; font-family: baskerville; font-size: 12px; } A:link, A:visited, A:active { color: #594fe0; font-family: century gothic; text-transform: uppercase; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: none; } A:hover { color: #f356b2; font-family: century gothic; text-transform: uppercase; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: none; } .linkbackbox { left: 779px; top: 313px; width: 183px; height: 87px; border: none; overflow: -blocked-; } .updatebox { left: 780px; top: 429px; width: 183px; height: 234px; border: none; overflow: auto; } .info { padding: 0px; top: 226px; left: 153px; width: 550px; height: 375px; overflow: auto; border: none; border-bottom: 1px dashed #939393; } .page { height: 375px; overflow: auto; } .navigationbox { top: 601px; left: 152px; height: 280px; overflow: auto; border: none; padding: 0px; text-align: right; padding-top: 5px; } .nav:link, .nav:visited, .nav:active { color: #ffffff; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #bcada1; width: 89px; display: block; border-bottom: none; text-align: center; } .nav:hover { color: #ffffff; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; background-color: #94b1d5; border-bottom: none; width: 89px; display: block; text-align: center; } body { background-color: #ddccec; background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/825dfd24.jpg"); background-attachment: fixed; } body, p, font, div, table, td, textarea { font-family: times new roman; font-size: 11px; color: #574646; line-height: 14px; } h1 { text-align: center; font-family: times new roman; font-size: 28px; color: #646dc3; font-weight: normal; line-height: 13px; font-style: italic; } h2 { font-family: century gothic; font-size: 9px; color: #5c91e8; font-weight: normal; text-transform: uppercase; line-height: 2px; display: block; font-style: normal; text-align: center; letter-spacing: 2px; } h3 { color: #ffffff; font-family: century gothic; font-weight: normal; text-align: center; padding-right: 5px; display: block; font-style: normal; font-size: 9px; line-height: 19px; text-transform: uppercase; border: 1px solid #97a3c4; background-color: #adbadb; } h4 { font-family: century gothic; font-size: 9px; color: #5c91e8; font-weight: normal; text-transform: uppercase; line-height: 14px; display: inline; font-style: normal; text-align: left; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } textarea { font-family: tahoma; font-size: 8px; color: #353535; line-height: 14px; border: 1px solid black; } .buttonform { width: 88px; height: 13px; border: 1px solid #4e4e4e; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/26ed606e.png" border="0"> </div> <div class="navigationbox" style="position: absolute;"> <table cellspacing="1"><tr> <td> <a href="#home" class="nav">main</a> </td> <td> <a href="#page2" class="nav">page 2</a> </td> <td> <a href="#page3" class="nav">page 3</a> </td> <td> <a href="#page4" class="nav">page 4</a> </td> <td> <a href="#page5" class="nav">page 5</a> </td> <td> <a href="#sitely" class="nav">sitely</a> </td> </tr></table> </div> <div class="linkbackbox" style="position: absolute;"> <br><center> <table> <tr> <td> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/555b2a2a.jpg"> </td> <td> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/555b2a2a.jpg"> </td> </tr> <tr> <td>I can't put a textarea inside a textarea, so you'll have to make your textarea here yourself. Be sure to set your border to 0, and in the textarea tag, put class equals lysform.</td> <td> I can't put a textarea inside a textarea, so you'll have to make your textarea here yourself. Be sure to set your border to 0, and in the textarea tag, put class equals lysform. </td> </tr> </table> </center> </div> <div class="updatebox" style="position: absolute;"> <h3>updates</h3> <h4>november 9, 2011</h4> <br><b>~</b> i recommend you format your updates like this.<br><b>~</b> however, you are free to change it up a little if you want!<br><br><h4>november 8, 2011</h4> <br><b>~</b> be sure to write out the month instead of using numbers; some neopians live in other countries, and read numeric dates in different orders.</div> <div id="content" class="info" style="position: absolute;"> <a name="home"> </a> <div class="page"> <center><h1>Section Title</h1></center> <h2>Subtitle</h2> body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>. </div> <a name="page2"> </a> <div class="page"> Content for Page 2 Here. </div> <a name="page3"> </a> <div class="page"> Content for Page 3 Here. </div> <a name="page4"> </a> <div class="page"> Content for Page 4 Here. </div> <a name="page5"> </a> <div class="page"> Content for Page 5 Here. </div> <a name="sitely"> </a> <div class="page"> <h2>credits</h2> layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br> images from neopets </div> </div>
<style> .img1 { top: 0px; left: 100px; border: none; } b { color: #7a55b7; } i { color: #4452d9; font-weight: normal; font-style: italic; font-family: baskerville; font-size: 12px; } A:link, A:visited, A:active { color: #594fe0; font-family: century gothic; text-transform: uppercase; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: none; } A:hover { color: #f356b2; font-family: century gothic; text-transform: uppercase; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: none; } .updatebox { left: 767px; top: 289px; width: 180px; height: 274px; border: none; overflow: auto; } .info { padding: 0px; top: 276px; left: 300px; width: 454px; height: 418px; overflow: auto; border: none; } .page { height: 418px; overflow: auto; } .linkbackbox { left: 764px; top: 573px; width: 183px; height: 87px; border: none; overflow: -blocked-; } .navigationbox { top: 291px; left: 109px; overflow: -blocked-; border: none; padding: 0px; text-align: right; padding-top: 5px; } .nav:link, .nav:visited, .nav:active { color: #ffffff; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; border-bottom: 1px dotted #ffffff; width: 174px; display: block; text-align: center; padding-top: 2px; padding-bottom: 2px; } .nav:hover { color: #ffffff; font-family: century gothic; font-weight: normal; font-style: normal; font-size: 9px; text-transform: uppercase; border-bottom: 1px dotted #ffffff; width: 174px; display: block; text-align: center; padding-top: 2px; padding-bottom: 2px; letter-spacing: 2px; } body { background-color: #ddccec; background-image: url("http://i40.tinypic.com/dwpcwj.png"); background-attachment: fixed; } body, p, font, div, table, td, textarea { font-family: tahoma; font-size: 9px; color: #555555; line-height: 14px; } h1 { text-align: center; font-family: times new roman; font-size: 28px; color: #646dc3; font-weight: normal; line-height: 13px; font-style: italic; } h2 { font-family: century gothic; font-size: 12px; color: #555555; font-weight: normal; text-transform: uppercase; line-height: 2px; display: block; font-style: normal; text-align: center; letter-spacing: 2px; } h3 { color: #ffffff; font-family: century gothic; font-weight: normal; text-align: center; padding-right: 5px; display: block; font-style: normal; font-size: 11px; line-height: 19px; text-transform: uppercase; border: none; background-color: #adbadb; } h4 { font-family: century gothic; font-size: 11px; color: #5c91e8; font-weight: normal; text-transform: uppercase; line-height: 14px; display: inline; font-style: normal; text-align: left; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #content { overflow: hidden; } textarea { font-family: tahoma; font-size: 8px; color: #353535; line-height: 14px; border: 1px solid black; } .buttonform { width: 88px; height: 13px; border: 1px solid #4e4e4e; } </style> <div class="img1" style="position: absolute; z-index: -1;"> <img src="http://i43.tinypic.com/anel3k.png" border="0"> </div> <div class="linkbackbox" style="position: absolute;"> <br><center> <table> <tr> <td> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/555b2a2a.jpg"> </td> <td> <img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/555b2a2a.jpg"> </td> </tr> <tr> <td>I can't put a textarea inside a textarea, so you'll have to make your textarea here yourself. Be sure to set your border to 0, and in the textarea tag, put class equals lysform.</td> <td> I can't put a textarea inside a textarea, so you'll have to make your textarea here yourself. Be sure to set your border to 0, and in the textarea tag, put class equals lysform. </td> </tr> </table> </center> </div> <div class="navigationbox" style="position: absolute;"> <table cellspacing="1"> <tr><td> <a href="#home" class="nav">home</a> </td></tr> <tr><td> <a href="#1" class="nav">page 1</a> </td></tr> <tr><td> <a href="#2" class="nav">page 2</a> </td></tr> <tr><td> <a href="#3" class="nav">page 3</a> </td></tr> <tr><td> <a href="#4" class="nav">page 4</a> </td></tr> <tr><td> <a href="#5" class="nav">page 5</a> </td></tr> <tr> <td> <a href="#6" class="nav">sitely</a> </td> </tr> </table> </div> <div class="updatebox" style="position: absolute;"> <h3>november 15, 2011</h3> <b>~</b> updates go here!<br><b>~</b> feel free to make a few adjustments to the format of your updates if you like. <br><br> </div> <div id="content" class="info" style="position: absolute;"> <a name="home"> </a> <div class="page"> <center><h1>Section Title</h1></center> <h2>Subtitle</h2> body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>. </div> <a name="1"> </a> <div class="page"> Content for Page 2 Here. </div> <a name="2"> </a> <div class="page"> Content for Page 3 Here. </div> <a name="3"> </a> <div class="page"> Content for Page 4 Here. </div> <a name="4"> </a> <div class="page"> Content for Page 5 Here. </div> <a name="5"> </a> <div class="page"> Content for Page 6 Here. </div> <a name="6"> </a> <div class="page"> <h2>credits</h2> layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br> images from neopets<br>glitter brush pack by obsidian dawn<br>background by <a href="/~Lazahrus">49 days</a> </div> </div>

annie leibowitz series

<center><h2>Section Title</h2></center>
body, <i>italic</i>, <b>bold</b>, <a href="#page0name">link</a>.

</div>

<a name="page2"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="page3"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="page4"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="page5"> </a>
<div class="page">
Content for Page 5 Here.
</div>

<a name="sitely"> </a>
<div class="page">
<h2>credits</h2>
layout and coding by monica @ <a href="/~brilliantsecrets">brilliantsecrets</a><br>
photograph by annie leibowitz
</div>

</div>

<a name="main"> </a>
<div class="page">
<h1>About This Layout</h1>

I used GIMP to create this layout. The layout is based on a photograph taken by the very talented Annie Leibowitz of Vogue, and features Sarah Jessica Parker.
<h1>Instructions for Use</h1>

<i>Note:</i> I will use [] instead of the actual HTML brackets , since the computer will get very confused if i'm trying to write out html tags. When you go into the code yourself, you'll notice that the real brackets used in HTML are the mathematical symbols for greater than and less than, rather than the brackets I am demonstrating with.<br><h2>Creating A New Page:</h2>
Find the section that says <b>[div class="navbox"...]</b>. In it, you'll find a series of tags that start with <b>[a...]</b> and end with <b>[/a]</b>. Make sure not to change anything between those two tags; your new link will go immediately after any of the already existing [/a] tags you desire. Copy and paste the following in to make your new link:<br><br><center><td><a href="#newpagename" class="nav">link text goes here</a></td></center>
<br><br>
Be sure to replace <b>newpagename</b> with whatever you decide to name the new page. Don't take out the <b>#</b>, because that piece of code tells the computer you are linking to an anchored page. You don't need to put spaces or page breaks in between your links in the navigation box, because I've coded them to automatically space themselves. Finally, be sure the tag includes <b>class="nav</b>, because that's what makes it look so fabulous!<br><br>
Now, go to the end of the code. You will see two <b>[/div]</b> tags. Add the following in <i>between</i> those two tags:<br><br><center>
<a name="newpagename"> </a>
<div class="page">
content
</div>
</center>
<br><br>
Make sure that the part of this code that says <b>newpagename</b> matches the page name you entered in the links section <i>identically</i> - down to the spaces. The only difference is that, in this part, you do not include the <b>#</b> symbol; that's because we are no longer linking to the page, but creating the page itself.<br><br>
Replace <b>content</b> with everything you want to include in your page!<h2>Making Titles:</h2>
Use the following code to add a title anywhere on the page you want:<br><br><center>
<h1>Title</h1>
</center>
<br><br>
And to add a subtitle:<br><br><center><h2>Subtitle</h2></center>
<h2>Questions?</h2>
<center>
<br><a href="http://www.neopets.com/userlookup.phtml?user=blindstar">Neomail me!</a><br><br><br><a href="#main">This is a Link;</a><br><b>This is Bold...</b><br><i>And This is Italic!</i>
</center>
</div>

<a name="PAGE1NAME"> </a>
<div class="page">
Content for Page 1 Here.
</div>

<a name="PAGE2NAME"> </a>
<div class="page">
Content for Page 2 Here.
</div>

<a name="PAGE3NAME"> </a>
<div class="page">
Content for Page 3 Here.
</div>

<a name="PAGE4NAME"> </a>
<div class="page">
Content for Page 4 Here.
</div>

<a name="credits"> </a>
<div class="page">
<center>layout by <a href="http://www.neopets.com/~brilliantsecrets">brilliantsecrets</a>
</center>
</div>

</div>

userlookup

<div style="position: absolute; top: 0px; left: 100px; z-index: -1;"> 
<img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/56428e8c.png">
</div>
<div id="newnavbar" style="position: absolute; z-index: 1;"><center>
<a href="/myaccount.phtml" class="nav">My Account</a> <a href="/customise/" class="nav">Customise</a> <a href="/games/arcade.phtml" class="nav">Games</a> <a href="/explore.phtml" class="nav">Explore</a> <a href="/nf.phtml" class="nav">News</a> <a href="/petcentral.phtml" class="nav">Pet Central</a> <a href="/neoboards/index.phtml" class="nav">Boards</a> <a href="/objects.phtml" class="nav">Shops</a> <a href="/mall.phtml" class="nav">NC Mall</a>
</center></div>
<div id="yourcontent" style="position: absolute;">
<font class="'boxheader'">About Me</font><br>
Write about yourself!</div>
<div id="'box2'" style="">
<font class="'boxheader'">Box Title</font><br>
Put your goals, avatar count, etc in here.</div>
<div id="'box3'" style="">
<font class="'boxheader'">Box Title</font><br>
Put links to your websites, your wishlist, etc in here.</div>
<style>
.contentModule div a img, .contentModule div b {
	display: inline;
}
#yourcontent {
	margin-top: -420px;
	margin-left: 425px;
	width: 289px;
	height: 146px;
	overflow: auto;
}
#box2 {
	margin-top: -250px;
	margin-left: 425px;
	width: 289px;
	height: 87px;
	overflow: auto;
}
#box3 {
	margin-top: -142px;
	margin-left: 425px;
	width: 289px;
	height: 81px;
	overflow: auto;
}
#content {
	margin-top: 432px;
	margin-left: 148px;
	width: 721px;
	height: 529px;
	overflow: auto;
	z-index: -2;
}
#navigation {
	visibility: hidden;
}
#template_nav {
	margin-left: -130px;
	margin-top: -45px;
}
#footer, hr, #nst, .sf, #habitarium, .brand-mamabar, #ban, #ncmall {
	display: none;
}
#header {
	visibility: hidden;
	left: 20px;
	top: 0px;
	z-index: 2;
}
#main {
	background: none;
	border: none;
	margin-left: 0px;
	margin-top: 0px;
}
#userneohome {
	display: none;
}
#userneopets, #usertrophies {
	width: 670px;
}
#usertrophies b {
	padding: 0px;
	font: 10px tahoma;
}
hr {
	display: none;
}
body {
	background-color: #a59fab;
	background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/2cb13587.jpg");
	background-attachment: fixed;
}
body, td, p, .content, .medText {
	color: #5e595c;
	font: 10px tahoma;
}
.contentModuleTable, .contentModule {
	border: none;
	background: none;
}
.contentModuleContent {
	background: #ffffff;
}
h1, .contentModuleHeader, .contentModuleHeaderAlt, #usertrophies .contentModuleHeaderAlt {
	color: #356a3b;
	font: 36px utopia;
	font-weight: normal;
	font-style: italic;
	line-height: 16px;
	letter-spacing: -2px;
	background: none;
	text-align: center;
	border-bottom: 1px dotted #999999;
	text-transform: lowercase;
}
#usershop .contentModuleHeaderAlt {
	line-height: 13px;
	font-size: 32px;
}
.boxheader {
	color: #356a3b;
	font: 26px utopia;
	font-weight: normal;
	font-style: italic;
	letter-spacing: -2px;
	background: none;
	text-align: center;
	text-transform: lowercase;
}
.f1 {
	display: block;
	border-bottom: #FDEA4D 1px dotted;
	color: #2C0D04;
	font: 9pt georgia;
	font-weight: bold;
	text-align: right;
}
.bold, b {
	color: #204d27;
	font: 9px century gothic;
	font-weight: normal;
	text-transform: uppercase;
}
i {
	color: #5c7629;
}
#stat, #side, #talk {
	text-align: left;
}
#side {
	left: 11px;
	top: 400px;
	width: 136px;
}
#newnavbar {
	top: 2px;
	left: -84px;
	width: 970px;
	overflow: -blocked-;
}
.nav:link, .nav:active, .nav:visited {
	font-family: century gothic;
	font-size: 8px;
	font-weight: normal;
	color: #5e595c;
	text-transform: uppercase;
	background-color: #c9cacb;
	padding-left: 10px;
	padding-right: 10px;
}
.nav:hover {
	font-family: century gothic;
	font-size: 8px;
	font-weight: normal;
	color: #5e595c;
	text-transform: uppercase;
	background-color: #98b39d;
	padding-left: 10px;
	padding-right: 10px;
}
</style>

<div style="position: absolute; top: 20px; left: 200px; z-index: -1;"> 
<img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/0cce10f4.png">
</div>
<div id="newnavbar" style="position: absolute; z-index: 1;"><center>
<a href="/myaccount.phtml" class="nav">My Account</a> <a href="/customise/" class="nav">Customise</a> <a href="/games/arcade.phtml" class="nav">Games</a> <a href="/explore.phtml" class="nav">Explore</a> <a href="/nf.phtml" class="nav">News</a> <a href="/petcentral.phtml" class="nav">Pet Central</a> <a href="/neoboards/index.phtml" class="nav">Boards</a> <a href="/objects.phtml" class="nav">Shops</a> <a href="/mall.phtml" class="nav">NC Mall</a>
</center></div>
<div id="yourcontent" style="position: absolute;">
<br>i am a recent college graduate, taking a delightful year off before law school that involves a lot of procrastinating, coding, GIMP, and low-quality late-night TV.  I restock, play games and do my dailies sporadically, update my <a href="/~brilliantsecrets" class="main">graphics website</a> almost daily, and try to be good about investing in the stock market.  i'm smart, capable, and motivated, and I love to make things pretty.</div>
<style>
.contentModule div a img, .contentModule div b {
	display: inline;
}
#content {
	margin-top: 527px;
	margin-left: 219px;
	width: 725px;
	z-index: -2;
	background-color: #c4b090;
	border: 1px solid #989795;
}
#navigation {
	visibility: hidden;
}
#template_nav {
	margin-left: -130px;
	margin-top: -45px;
}
#footer, hr, #nst, .sf, #habitarium, .brand-mamabar, #ban, #ncmall {
	display: none;
}
#header {
	visibility: hidden;
	left: 20px;
	top: 0px;
	z-index: 2;
}
#main {
	background: none;
	border: none;
	margin-left: 0px;
	margin-top: 0px;
}
#userneohome {
	display: none;
}
#userneopets, #usertrophies {
	width: 705px;
}
#usertrophies b {
	padding: 0px;
	font: 10px tahoma;
}
hr {
	display: none;
}
body {
	background-color: #a59fab;
	background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/124eea81.jpg");
}
body, td, p, .content, .medText {
	color: #55442a;
	font: 10px tahoma;
}
.contentModuleTable, .contentModule {
	border: none;
	background: none;
}
.contentModuleContent {
	background: #e7decf;
}
h1, .contentModuleHeader, .contentModuleHeaderAlt, #usertrophies .contentModuleHeaderAlt {
	color: #e9eabe;
	font: 14px century gothic;
	font-weight: normal;
	font-style: normal;
	background: none;
	text-align: center;
	text-transform: uppercase;
	background-color: #96723a;
}
.f1 {
	display: block;
	border-bottom: #FDEA4D 1px dotted;
	color: #2C0D04;
	font: 9pt georgia;
	font-weight: bold;
	text-align: right;
}
.bold, b {
	color: #5e4215;
	font: 10px century gothic;
	font-weight: normal;
	text-transform: uppercase;
}
i {
	color: #afdc8d;
}
#stat, #side, #talk {
	text-align: left;
}
#yourcontent {
	margin-top: -257px;
	margin-left: 100px;
	width: 270px;
	height: 170px;
	overflow: auto;
}
#side {
	left: 11px;
	top: 400px;
	width: 136px;
}
#newnavbar {
	top: 7px;
	left: 98px;
	width: 970px;
	overflow: -blocked-;
}
.nav:link, .nav:active, .nav:visited {
	font-family: century gothic;
	font-size: 10px;
	font-weight: normal;
	color: #6f4225;
	text-transform: uppercase;
	letter-spacing: -1px;
	background-color: #bda99c;
	padding-left: 20px;
	padding-right: 20px;
}
.nav:hover {
	font-family: century gothic;
	font-size: 10px;
	font-weight: normal;
	color: #6f4225;
	text-transform: uppercase;
	letter-spacing: -1px;
	background-color: #e0643e;
	padding-left: 20px;
	padding-right: 20px;
}
</style>

<div style="position: absolute; top: 0px; left: 83px; z-index: -1;"> 
<img src="http://i329.photobucket.com/albums/l394/brilliantsecrets/2d2a1243.png">
</div>
<div id="newnavbar" style="position: absolute; z-index: 1;"><center>
<a href="/myaccount.phtml" class="nav">My Account</a> <a href="/customise/" class="nav">Customise</a> <a href="/games/arcade.phtml" class="nav">Games</a> <a href="/explore.phtml" class="nav">Explore</a> <a href="/nf.phtml" class="nav">News</a> <a href="/petcentral.phtml" class="nav">Pet Central</a> <a href="/neoboards/index.phtml" class="nav">Boards</a> <a href="/objects.phtml" class="nav">Shops</a> <a href="/mall.phtml" class="nav">NC Mall</a>
</center></div>
<div id="yourcontent" style="position: absolute;">
<br>put a little bit about yourself here!</div>
<style>
.contentModule div a img, .contentModule div b {
	display: inline;
}
#content {
	margin-top: 369px;
	margin-left: 131px;
	width: 735px;
	z-index: -2;
}
#navigation {
	visibility: hidden;
}
#template_nav {
	margin-left: -130px;
	margin-top: -45px;
}
#footer, hr, #nst, .sf, #habitarium, .brand-mamabar, #ban, #ncmall {
	display: none;
}
#header {
	visibility: hidden;
	left: 20px;
	top: 0px;
	z-index: 2;
}
#main {
	background: none;
	border: none;
	margin-left: 0px;
	margin-top: 0px;
}
#usershop img {
	width: 150px;
	height: 150px;
}
#userneopets img {
	width: 150px;
}
#userneohome {
	display: none;
}
#usertrophies b {
	padding: 0px;
	font: 10px tahoma;
}
#userneopets, #usertrophies {
	width: 730px;
}
hr {
	display: none;
}
body {
	background-color: #a59fab;
	background-image: url("http://i329.photobucket.com/albums/l394/brilliantsecrets/7b630abb.jpg");
	background-attachment: fixed;
}
body, td, p, .content, .medText {
	color: #5e595c;
	font: 10px tahoma;
}
.contentModuleTable {
	border: none;
	background: none;
}
.contentModule {
	border: none;
	background: none;
}
.contentModuleContent {
	border: 2px solid #c3b8ac;
	background: #ffffff;
}
h1, .contentModuleHeader, .contentModuleHeaderAlt, #usertrophies .contentModuleHeaderAlt {
	color: #7855ba;
	font: 30px times;
	font-weight: normal;
	font-style: italic;
	letter-spacing: -2px;
	background: none;
	text-align: center;
	text-transform: lowercase;
	line-height: 1px;
}
.f1 {
	display: block;
	border-bottom: #FDEA4D 1px dotted;
	color: #2C0D04;
	font: 9pt georgia;
	font-weight: bold;
	text-align: right;
}
.bold, b {
	color: #cb77a5;
	font: 10px century gothic;
	font-weight: normal;
	text-transform: uppercase;
}
i {
	color: #afdc8d;
}
#stat, #side, #talk {
	text-align: left;
}
#yourcontent {
	margin-top: -100px;
	margin-left: 90px;
	width: 535px;
	height: 100px;
	overflow: auto;
	background-color: #ffffff;
	border: 2px solid #bda99c;
}
#side {
	left: 11px;
	top: 400px;
	width: 136px;
}
#newnavbar {
	top: 356px;
	left: 13px;
	width: 970px;
	overflow: -blocked-;
}
.nav:link, .nav:active, .nav:visited {
	font-family: century gothic;
	font-size: 10px;
	font-weight: normal;
	color: #6f4225;
	text-transform: uppercase;
	letter-spacing: -1px;
	background-color: #bda99c;
	padding-left: 24px;
	padding-right: 24px;
}
.nav:hover {
	font-family: century gothic;
	font-size: 10px;
	font-weight: normal;
	color: #6f4225;
	text-transform: uppercase;
	letter-spacing: -1px;
	background-color: #bd9caf;
	padding-left: 24px;
	padding-right: 24px;
}
</style>

guild

coming soon!
back to top