Mystery Island Pet Page and Site Layout

Petpage Layout: <style> body{background:#E8DF94 url(http://i172.photobucket.com/albums/w15/delneo/mysteryislandpetpage2.jpg) repeat-y;} A:link{COLOR:#E8DF94; TEXT-DECORATION: none; font-weight:bold;} A:visited{COLOR:#E8DF94; TEXT-DECORATION:none ; font-weight:bold;} A:hover {COLOR:#CA880E; TEXT-DECORATION:underline; font-weight:bold; } td,p,body {color:#000000;font:8pt verdana} #navlist ul{margin: 0;padding: 0;list-style-type: none; font-weight:bold; } #navlist li { margin: 0 ; } #navlist a{display: block;color: #49743E;padding:1px 1px 1px 5px;text-decoration: none;text-align:left;border-bottom:2px solid #49743E;} #navlist a:hover{ color: #E8DF94; border-bottom:2px solid #E8DF94;} .header {text-align:left; background-color:#CA880E; color:#E8DF94; padding:3px; font-weight:bold;} table { background: none;} table a img, center p { height: 0px;width: 0px; overflow: hidden;} </style> <div style="position:absolute; top:0px; left:0px; z-index:-1"> <img src="http://i172.photobucket.com/albums/w15/delneo/mysteryislandpetpage1.jpg" ></div> <div style="position:absolute; top:558px; left:131px; width:185px; text-align:left;"> <div id="navlist"> <div class="header">Navigation</div> <a href="#topic1">Topic 1</a> <a href="#topic2">Topic 2</a> <a href="#topic3">Topic 3</a> <a href="#topic4">Topic 4</a> <a href="#topic5">Topic 5</a> <p> </div> <br> <p class="header">Subject 1</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="header">Subject 2</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="header">Credits</p> <center><a href="http://petpages.neopets.com/~_saellys592_78" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X311.gif" width="88" height="31"></a></center> <p> </div> <div style="position: absolute; top: 603; left: 331; width: 562; "> <p class="header"><a name="topic1">Topic 1</a></p> Just change the "Topic 1" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic2">Topic 2</a></p> Just change the "Topic 2" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic3">Topic 3</a></p> Just change the "Topic 3" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic4">Topic 4</a></p> Just change the "Topic 4" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic5">Topic 5</a></p> Just change the "Topic 5" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! </div> Weblayout: <title>Your Site</title> <style type="text/css"> body{background:#E8DF94 url(http://i172.photobucket.com/albums/w15/delneo/mysteryislandpetpage2.jpg) repeat-y; margin:0px; scrollbar-face-color: #D5C539; scrollbar-track-color: #F5F2D3; scrollbar-highlight-color: #F5F2D3; scrollbar-shadow-color: #D5C539; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #F5F2D3; } A:link{COLOR:#E8DF94; TEXT-DECORATION: none; font-weight:bold;} A:visited{COLOR:#E8DF94; TEXT-DECORATION:none ; font-weight:bold;} A:HOVER {COLOR:#CA880E; TEXT-DECORATION:underline; font-weight:bold; } td,p,body {color:#000000;font:8pt verdana} #navlist ul{margin: 0;padding: 0;list-style-type: none; font-weight:bold; } #navlist li { margin: 0 ; } #navlist a{display: block;color: #49743E;padding:1px 1px 1px 5px;text-decoration: none;text-align:left;border-bottom:2px solid #49743E;} #navlist a:hover{ color: #E8DF94; border-bottom:2px solid #E8DF94;} .header {text-align:left; background-color:#CA880E; color:#E8DF94; padding:3px; font-weight:bold;} </style> <div style="position:absolute; top:0px; left:0px;"> <img src="http://i172.photobucket.com/albums/w15/delneo/mysteryislandpetpage1.jpg" ></div> <div style="position:absolute; top:558px; left:131px; width:185px; text-align:left;"> <div id="navlist"> <div class="header">Navigation</div> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a href="#">Link 4</a> <a href="#">Link 5</a> <p> </div> <br> <p class="header">Subject 1</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="header">Subject 2</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="header">Credits</p> <center><a href="http://neo-faeriewings.we.bs" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X311.gif" width="88" height="31"></a></center> <p> </div> <div style="position: absolute; top: 603; left: 331; width: 562; "> <p class="header">Topic 1</p> Just change the "Topic 1" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header">Topic 2</p> Just change the "Topic 2" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header">Topic 3</p> Just change the "Topic 3" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header">Topic 4</p> Just change the "Topic 4" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header">Topic 5</p> Just change the "Topic 5" text to any other topic title you have! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! </div>

Back to Neopets Themed Pet Page and Site Layouts

Dogs User Lookup

Layout Code: <div style="position: absolute; top: 0px; left: 0px;"><img src="http://i42.tinypic.com/2yx0lr7.jpg"></div> <div style="position: absolute; top: 383px; left: 673px; width: 283px; height: 288px; overflow: auto;"> <div class="header">All on me</div> This layout was made by Del of <a href="http://petpages.neopets.com/~_saellys592_78">NFW</a>. Put more about yourself here!Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! <p> </p> <div class="header">Neo Status</div> Neomail: Open<br> Neofriend Request: Only if I know you<br> Guild Invites: Close<br> Battledome Challenges: Close<br> </div> <style> body {background: url("http://i40.tinypic.com/14w6g5k.jpg") repeat-y;} #content a b, a:link, a:visited {color: #CC3300;} #content a:hover, a:hover, #content b:hover {color: #FF9900;text-decoration: none;} .medText, td, p, body { color: #000000; font-family: century gothic;font-size: 10px;} #footer, hr, #nst, .contentModuleHeader, .contentModuleHeaderAlt, #ban, #habitarium,#ncmall {display: none;} .nav_image img {margin-left: -5px;} #navigation {position: absolute;top: 8px;left: 220px;z-index: 5;width: 698px;height: 0px;} ul.dropdown {border: 1px dotted #E6CEAC;background-color: #FFE2A8;} #main a, a b { color: #996600;} #main a:hover, a b:hover {color: #999900;} .contentModule, .contentModuleTable, .contentModuleContent, #header, #main {border: none;background: none;} #main { margin-top: 0px;margin-left: 0px;} .contentModule b, .contentModule img {visibility: visible;} #userinfo .contentModuleTable { position: absolute;top: 49px;left: 363px;width: 290px;height: 295px;} #usercollections .contentModuleTable { position: absolute;left: 667px; top: 49px;width: 295px; height: 320px;} #usershop .contentModuleTable { position: absolute;left: 414px; top: 362px;width: 245px;height: 310px;} #userneohome .contentModuleTable {position: absolute;left: 8px; top: 632px;width: 247px;height: 228px;} #userneopets .contentModuleTable {position: absolute;left: 269px;top: 689px;width: 726px;height: 228px;} #usertrophies .contentModuleTable {position: absolute;left: 8px;top: 936px;width: 989px;} .header {color: #996600;font-weight: bold;text-transform: uppercase;text-align: center; font-size: 20px;border-bottom: 2px dashed #996600;} #userneopets img {width: 100px; height: 100px;} </style>

Layout Code: <div style="position:absolute; top:125px; left:457px; width:312px; height:218px; overflow:auto;"> <div class="header">About Me</div> This layout was made by Kelly of <a href="http://petpages.neopets.com/~_saellys592_78" target="_blank">NFW</a>. Put more about yourself here!Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! <p> <div class="header">More?</div> Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here!Text here! Text here! <p> <div class="header">Neo Status</div> Neomail: Open<br> Neofriend Request: Only if I know you<br> Guild Invites: Close<br> Battledome Challenges: Close<br> </div> <style> body{background:url(http://i39.tinypic.com/zyez2h.jpg) repeat-y;} #content a b, a:link, a:visited {color: #99FF00;} #content a:hover, a:hover, #content b:hover {color: #ffffff;text-decoration: none;} td,p,body{font-family:century gothic;color:#A8B995; font-size:12px } #footer,hr, #nst,#ban, #habitarium,#ncmall, .user, .sf{display:none;} .nav_image img{margin-left: -5px;} #navigation{position:absolute;top:425px;left:89px;z-index:5; height:0px; width:800px;} ul.dropdown {filter:alpha(opacity=85);opacity:.85;border: 1px dotted #CFC882;background-color:#0E2D12;} #main a, a b { color: #CFC882;} #main a:hover, a b:hover {color: #70A59F;} #header, .contentModuleTable {border:none; background:none} #main {background:url(http://i35.tinypic.com/22m62d.jpg) no-repeat; margin-top:0px; margin-left:0px; border:none} .contentModule {border:1px solid #B7BBA0;filter: alpha(opacity=60); opacity: .60;background-color: #0E2D12; }#main{margin-top:0px;margin-left:0px} .contentModuleHeader,.contentModuleHeaderAlt {background:#000201;color:#78A4A3;} .contentModuleContent {background:none; } .contentModule b, .contentModule img {visibility:visible;} #userneopets img, #usershop img, #userneohome img {width:100px; height:100px;} .header {background: #4A5B56; color:#0F2422; font-family:garamond; font-size:20px; text-align:left; font-weight:bold; text-transform: uppercase;} #content {padding-top:420px; padding-left:63px; width:723px;} </style>

Layout Code: <style> body{background: #5C8DC7 url(http://i15.photobucket.com/albums/a397/thepitstop/thebac.jpg) fixed;} A:link{COLOR:#82A81D; TEXT-DECORATION: none; font-weight:bold;} A:visited{COLOR:#82A81D; TEXT-DECORATION:none; font-weight:bold; } A:hover {COLOR:#201A24; TEXT-DECORATION:UNDERLINE; font-weight:bold;} td,p,body{color:#B6B6B6;font:8pt verdana} #footer,#header,#ban, #habitarium,#ncmall, hr, .user, .sf{display:none;} #main {background:#201A24; border: 3px solid #ffffff;margin-top:0px;padding:10px; width:550px} .contentModuleTable{border:none;} .contentModule.contentModuleContent {border:none; background:none;} .contentModuleHeader,.contentModuleHeaderAlt {background:none;color:#82A81D;} .contentModule b, .contentModule img {visibility:visible;} #usershop img, #userneopets img, #userneohome img {width:75px; height:75px;} #usertrophies img {width:50px; height:50px} #content {background:#ffffff; border:1px solid #999999; width:550px} .header {text-align:center; border-bottom:3px solid #82A81D; font-weight:bold; color:#82A81D; text-transform:uppercase; font-size:12px; background-color:#201A24; padding:2px;} </style> <center> <img src="http://i15.photobucket.com/albums/a397/thepitstop/pup.jpg"> <p> <a href="/myaccount.phtml">My Account</a> | <a href="/customise/">Customize</a> | <a href="/games/arcade.phtml">Games</a> | <a href="/explore.phtml">Explore</a> | <a href="/nf.phtml">News</a> | <a href="/petcentral.phtml">Pet Central</a> | <a href="/neoboards/index.phtml">Boards</a> | <a href="/objects.phtml">Shops</a> | <a href="/mall/index.phtml">NC Mall</a></center><p> <p class="header">My Fave Avatars</p> <img src="http://images.neopets.com/neoboards/avatars/royalkorbat_boy.gif"> <img src="http://images.neopets.com/neoboards/avatars/faeriepeo.gif"> <img src="http://images.neopets.com/neoboards/avatars/snuffly.gif"> <p class="header">Wishlist</p> <img src="http://images.neopets.com/items/faeriepntbrush.gif"> <img src="http://images.neopets.com/items/toy_globe_queen.gif"> <p class="header">About Me</p> Put more text here!Put moretext here!!Put more text here!Put more text here! Put more text here! Put more text here! Put more text here! Put more text here! <p class="header">Neo Status</p> Neomail: Open<br> Neofriend Request: Only if I know you<br> Guild Invites: Close<br> Battledome Challenges: Close<br>