Plain PetPages

These are some plain petpages to use on Neopets. If you'd like to find some premade images to add, look in these sections:ETC.,Glitters, or Neopets Glitters. Also, I'd like to thank miss mellie for showing me how to do the link boxes <3

Petpages

Basic Pink View Example Page <style type="text/css"> b{color:a78496;font-size:8pt;font-weight:bold;line-height:8pt;font-family:tahoma;} u{color:f680b8;font-family:tahoma; font-size:8pt;line-height:8pt; text-decoration: none;} A:LINK, A:VISITED, A:ACTIVE {color: a78496;font-family:tahoma;font-size:8pt;text-decoration:none;} a:hover {color: f680b8; font-family: tahoma; font-size:8pt; text-decoration: none;} a.nav1:visited,a.nav1:link,a.nav1:active{color:#fff;background:#f680b8;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav1:hover {color:#fff;background:#fb9cc9;} a.nav2:visited,a.nav2:link,a.nav2:active{color:#fff;background:#fb9cc9;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav2:hover {color:#fff;background:#fdb8d8;} a.nav3:visited,a.nav3:link,a.nav3:active{color:#fff;background:#fdb8d8;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav3:hover {color:#fff;background:#fed3e7;} h1{font-family: century gothic; font-size: 8pt; letter-spacing:1px; background-color:#fb9cc9; border-bottom: 3px #f680b8 solid; color:#ffffff; text-align: left; font-weight: none; margin-bottom: 5px;} .sf{display:none;} table{display: none;} BODY,td,font,table,p {color:#5d5a5c; font-size: 8pt; line-height:8pt; font-family: tahoma;} body{background:#d6c4cd;} #links{float:center;width:490px;height:50px;overflow:auto;z-index:0} #text{float:center;width:500px;height:400px;overflow:hidden;text-align:center; background-color:#fdcbe2;border: 5px #fdecf4 solid;} .batman{width:500px; height:100%; overflow:auto; border: none; padding: 0px;} </style> <center> <div id="links" style="position:relative;"> <A href="#uno" class="nav1">About Me</a> <A href="#dos" class="nav2">Avatars</a> <A href="#tres" class="nav3">Pets</a> <A href="#cuatro" class="nav3">Dreams</a> <A href="#cinco" class="nav2">Wishlist</a> <A href="/~La_reveuse" class="nav1">credit</a> </div> <div id="text" style="position:relative;"> <div class="batman"><a name="uno" id="uno"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="dos" id="dos"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="tres" id="tres"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cuatro" id="cuatro"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cinco" id="cinco"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> </div>	Basic Aqua View Example Page <style type="text/css"> b{color:a2c1c1;font-size:8pt;font-weight:bold;line-height:8pt;font-family:tahoma;} u{color:8adddd;font-family:tahoma; font-size:8pt;line-height:8pt; text-decoration: none;} A:LINK, A:VISITED, A:ACTIVE {color: a2c1c1;font-family:tahoma;font-size:8pt;text-decoration:none;} a:hover {color: 8adddd; font-family: tahoma; font-size:8pt; text-decoration: none;} a.nav1:visited,a.nav1:link,a.nav1:active{color:#fff;background:#8adddd;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav1:hover {color:#fff;background:#a2ecec;} a.nav2:visited,a.nav2:link,a.nav2:active{color:#fff;background:#a2ecec;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav2:hover {color:#fff;background:#b9f6f6;} a.nav3:visited,a.nav3:link,a.nav3:active{color:#fff;background:#b4efef;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav3:hover {color:#fff;background:#cef8f8;} h1{font-family: century gothic; font-size: 8pt; letter-spacing:1px; background-color:#a2ecec; border-bottom: 3px #8adddd solid; color:#ffffff; text-align: left; font-weight: none; margin-bottom: 5px;} .sf{display:none;} table{display: none;} BODY,td,font,table,p {color:#5d5a5c; font-size: 8pt; line-height:8pt; font-family: tahoma;} body{background:#b2c5c5;} #links{float:center;width:490px;height:50px;overflow:auto;z-index:0} #text{float:center;width:500px;height:400px;overflow:hidden;text-align:center; background-color:#e5fcfc;border: 5px #f5fefe solid;} .batman{width:500px; height:100%; overflow:auto; border: none; padding: 0px;} </style> <center> <div id="links" style="position:relative;"> <A href="#uno" class="nav1">About Me</a> <A href="#dos" class="nav2">Avatars</a> <A href="#tres" class="nav3">Pets</a> <A href="#cuatro" class="nav3">Dreams</a> <A href="#cinco" class="nav2">Wishlist</a> <A href="/~La_reveuse" class="nav1">credit</a> </div> <div id="text" style="position:relative;"> <div class="batman"><a name="uno" id="uno"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="dos" id="dos"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="tres" id="tres"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cuatro" id="cuatro"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cinco" id="cinco"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> </div>
Basic Purple View Example Page <style type="text/css"> b{color:bca7c1;font-size:8pt;font-weight:bold;line-height:8pt;font-family:tahoma;} u{color:ce8add;font-family:tahoma; font-size:8pt;line-height:8pt; text-decoration: none;} A:LINK, A:VISITED, A:ACTIVE {color: bca7c1;font-family:tahoma;font-size:8pt;text-decoration:none;} a:hover {color: ce8add; font-family: tahoma; font-size:8pt; text-decoration: none;} a.nav1:visited,a.nav1:link,a.nav1:active{color:#fff;background:#ce8add;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav1:hover {color:#fff;background:#daa2ec;} a.nav2:visited,a.nav2:link,a.nav2:active{color:#fff;background:#daa2ec;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav2:hover {color:#fff;background:#eab9f6;} a.nav3:visited,a.nav3:link,a.nav3:active{color:#fff;background:#eab9f6;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav3:hover {color:#fff;background:#f0ccf9;} h1{font-family: century gothic; font-size: 8pt; letter-spacing:1px; background-color:#daa2ec; border-bottom: 3px #ce8add solid; color:#ffffff; text-align: left; font-weight: none; margin-bottom: 5px;} .sf{display:none;} table{display: none;} BODY,td,font,table,p {color:#5d5a5c; font-size: 8pt; line-height:8pt; font-family: tahoma;} body{background:#d3c4d6;} #links{float:center;width:490px;height:50px;overflow:auto;z-index:0} #text{float:center;width:500px;height:400px;overflow:hidden;text-align:center; background-color:#eedcff;border: 5px #f6eefe solid;} .batman{width:500px; height:100%; overflow:auto; border: none; padding: 0px;} </style> <center> <div id="links" style="position:relative;"> <A href="#uno" class="nav1">About Me</a> <A href="#dos" class="nav2">Avatars</a> <A href="#tres" class="nav3">Pets</a> <A href="#cuatro" class="nav3">Dreams</a> <A href="#cinco" class="nav2">Wishlist</a> <A href="/~La_reveuse" class="nav1">credit</a> </div> <div id="text" style="position:relative;"> <div class="batman"><a name="uno" id="uno"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="dos" id="dos"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="tres" id="tres"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cuatro" id="cuatro"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cinco" id="cinco"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> </div>	Basic Orange View Example Page <style type="text/css"> b{color:d5bfa0;font-size:8pt;font-weight:bold;line-height:8pt;font-family:tahoma;} u{color:fbcf81;font-family:tahoma; font-size:8pt;line-height:8pt; text-decoration: none;} A:LINK, A:VISITED, A:ACTIVE {color: d5bfa0;font-family:tahoma;font-size:8pt;text-decoration:none;} a:hover {color: fbcf81; font-family: tahoma; font-size:8pt; text-decoration: none;} a.nav1:visited,a.nav1:link,a.nav1:active{color:#fff;background:#fbcf81;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav1:hover {color:#fff;background:#fddca1;} a.nav2:visited,a.nav2:link,a.nav2:active{color:#fff;background:#fddca1;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav2:hover {color:#fff;background:#f6dab9;} a.nav3:visited,a.nav3:link,a.nav3:active{color:#fff;background:#f6dab9;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav3:hover {color:#fff;background:#fbe6cd;} h1{font-family: century gothic; font-size: 8pt; letter-spacing:1px; background-color:#fddca1; border-bottom: 3px #fbcf81 solid; color:#ffffff; text-align: left; font-weight: none; margin-bottom: 5px;} .sf{display:none;} table{display: none;} BODY,td,font,table,p {color:#5d5a5c; font-size: 8pt; line-height:8pt; font-family: tahoma;} body{background:#c9c2b8;} #links{float:center;width:490px;height:50px;overflow:auto;z-index:0} #text{float:center;width:500px;height:400px;overflow:hidden;text-align:center; background-color:#fff3dc;border: 5px #fffaf0 solid;} .batman{width:500px; height:100%; overflow:auto; border: none; padding: 0px;} </style> <center> <div id="links" style="position:relative;"> <A href="#uno" class="nav1">About Me</a> <A href="#dos" class="nav2">Avatars</a> <A href="#tres" class="nav3">Pets</a> <A href="#cuatro" class="nav3">Dreams</a> <A href="#cinco" class="nav2">Wishlist</a> <A href="/~La_reveuse" class="nav1">credit</a> </div> <div id="text" style="position:relative;"> <div class="batman"><a name="uno" id="uno"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="dos" id="dos"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="tres" id="tres"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cuatro" id="cuatro"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cinco" id="cinco"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> </div>
Basic Black View Example Page <style type="text/css"> b{color:747372;font-size:8pt;font-weight:bold;line-height:8pt;font-family:tahoma;} u{color:61605e;font-family:tahoma; font-size:8pt;line-height:8pt; text-decoration: none;} A:LINK, A:VISITED, A:ACTIVE {color: 747372;font-family:tahoma;font-size:8pt;text-decoration:none;} a:hover {color: 61605e; font-family: tahoma; font-size:8pt; text-decoration: none;} a.nav1:visited,a.nav1:link,a.nav1:active{color:#fff;background:#61605e;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav1:hover {color:#fff;background:#747372;} a.nav2:visited,a.nav2:link,a.nav2:active{color:#fff;background:#747372;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav2:hover {color:#fff;background:#878685;} a.nav3:visited,a.nav3:link,a.nav3:active{color:#fff;background:#878685;text-decoration:none; font-weight:normal; text-align:center;display:block;float:left;height:15px;width:65px;padding:2px; margin:5px;border: 1px #ffffff solid;} a.nav3:hover {color:#fff;background:#969594;} h1{font-family: century gothic; font-size: 8pt; letter-spacing:1px; background-color:#747372; border-bottom: 3px #61605e solid; color:#ffffff; text-align: left; font-weight: none; margin-bottom: 5px;} .sf{display:none;} table{display: none;} BODY,td,font,table,p {color:#000; font-size: 8pt; line-height:8pt; font-family: tahoma;} body{background:#000;} #links{float:center;width:490px;height:50px;overflow:auto;z-index:0} #text{float:center;width:500px;height:400px;overflow:hidden;text-align:center; background-color:#d9d8d7;border: 5px #ffffff solid;} .batman{width:500px; height:100%; overflow:auto; border: none; padding: 0px;} </style> <center> <div id="links" style="position:relative;"> <A href="#uno" class="nav1">About Me</a> <A href="#dos" class="nav2">Avatars</a> <A href="#tres" class="nav3">Pets</a> <A href="#cuatro" class="nav3">Dreams</a> <A href="#cinco" class="nav2">Wishlist</a> <A href="/~La_reveuse" class="nav1">credit</a> </div> <div id="text" style="position:relative;"> <div class="batman"><a name="uno" id="uno"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="dos" id="dos"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="tres" id="tres"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cuatro" id="cuatro"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> <div class="batman"><a name="cinco" id="cinco"></a> <h1>Header</h1> <b>text</b>, <u>text</u>, and text.<br> Put all of your text here :) </div> </div>

Back it Up