Sailor Moon Neopets User Lookup

I have been lurking around the Neopets Boards yesterday and I was actually surprised and delighted to find some people still use our user lookups. Thank you very much! I actually found someone who specifically uses our Sailor Moon user lookup shown below:

and I found myself thinking ... hmmm ... this layout really needs an immediate revamp. And so, here is a better layout for you. No worries though, the old one will still be available, albeit, on a much needed archived layouts page. Just click the image above to get the older version's codes.

Enjoy your week everyone!

<style> body{background:#FAE6E9 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/sailormoonlook4.png) fixed;margin:0px; } a:link{color:#9966CC; text-decoration: none; } a:visited{color:#9966CC; text-decoration:none; } a:hover {color:#D8918B; text-decoration:none;} font, td, p, i, div {color:#000000;font-family:century gothic,Verdana;font-size:9pt;font-weight:normal;font-style:normal} b, u{color:#FF6699;font-family:century gothic,Verdana;font-size:8pt;font:normal;cursor:crosshair;line-height:11px;} #main{background:#FCECE0 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/sailormoonlook1.png) top center no-repeat; padding-top:0px; border-right:2px solid #F9E3E6; border-left:2px solid #F9E3E6; border-top:0px; border-bottom:0px;width:900px; margin-top:0px; float:center} #content {width:900px; padding-top: 300px; padding-bottom:200px;} #header {background:none; border: none; width:900px;} #footer, hr, #nst, #ban, .sf, .user, .brand-mamabar,.eventIcon, #habitarium, #ncmall, #pushdown_banner { display: none;} #template_nav{ width: 700px; height: 0px; position:absolute; left: 84px; top:5px;} .nav_image img { margin-left: -5px; margin-top: -5px;} ul.dropdown { border: 1px dotted #AB879B; background-color: #E8BAD2;} li:hover ul.dropdown a, li.over ul.dropdown a { color: #000000;} li:hover ul.dropdown a:hover, li.over ul.dropdown a:hover { color: #AB879B;} .contentModuleHeader,.contentModuleHeaderAlt {text-align: left; color: #990066; font-family: georgia; font-weight:bold; padding:5px; background:#FFB9B9; text-transform: uppercase; border-top:1px dashed #FFFFFF;border-bottom:1px dashed #FFFFFF;} .contentModuleTable, .contentModuleContent{border: none; background:none} .contentModule {background: #FFE6E6 url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/sailormoonlook3.png);border:none;} #userneohome img, #userneopets img, #usershop img {width:100px; height:100px;} #usertrophies img {width:50px; height:50px; } .header {color:#BA9F61; font-size:20px; text-align:center; text-transform:uppercase; background:url(http://i193.photobucket.com/albums/z250/neofaeriewings_preview/sailormoonlook5.png) repeat-x center bottom; padding-bottom:15px; font-weight:bold; font-family:book antiqua} .title {color:#9F5FA7; font-weight:bold; text-transform:lowercase; font-size:25px; text-align:center; font-family: georgia} #usertrophies {width:875px} .contentModule img {background:#FFECEC; border:1px solid #FFB9B9; padding:5px;} </style> <div style="position:fixed; bottom:0px; float:center; z-index: 10; margin-left:-7px;"> <img src="http://i193.photobucket.com/albums/z250/neofaeriewings_preview/sailormoonlook2.png"></div> <div class="title">*put desired greeting or title here*</div> <div class="header">All on me</div> 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> <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>

Share |

Sailor Moon Guild Layout

Layout Code: <style type="text/css" /> body{background:#A4D288 url(http://i27.photobucket.com/albums/c194/the_pit_stop01/sailormoonguild3.jpg) repeat-y;} A:link{COLOR:#679A02; TEXT-DECORATION: none; } A:visited{COLOR:#679A02; TEXT-DECORATION:none; } A:HOVER {COLOR:#ffffff; TEXT-DECORATION:underline; } td,p,body{color:#000000;font:8pt verdana} #header, #footer, .sidebar,#ban {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:60px; padding-left:85px;margin-top:0px;margin-left:0px} .content {background:none; } .header{text-align: left; color: #679A02; font-family: tahoma; font-weight:bold; background-color:#FBD336; padding:3px; border:1px dashed #669901} </style /> <div style="position:absolute; top:0px; left:0px;"><img src="http://i27.photobucket.com/albums/c194/the_pit_stop01/sailormoonguild1.jpg"></div> <div style="position:absolute; top:0px; left:276px;"><img src="http://i27.photobucket.com/albums/c194/the_pit_stop01/sailormoonguild2.jpg"></div> <div style="position:absolute; top:67px; left:127px; width:665px; height:48px; color:#006600; font-family:georgia; font-size:31px; text-align:right; padding-right:15px ; padding-top:5px;"> Guild name here </div> <div style="position:absolute; top:503px; left:287px; width:127px;"> <p class="header">Navigation</p> <a href="/myaccount.phtml">My Account</a><br> <a href="/customise/">Customize</a><br> <a href="/games/arcade.phtml">Games</a><br> <a href="/explore.phtml">Explore</a><br> <a href="/nf.phtml">News</a><br> <a href="/petcentral.phtml">Pet Central</a><br> <a href="/neoboards/index.phtml">Boards</a><br> <a href="/objects.phtml">Shops</a><br> <a href="/mall/index.phtml">NC Mall</a><br> <p class="header">Guild Links</p> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> <a href="url here">LINK</a><br> </div> <div style="position:absolute; top:580px; left:423px; width:356px;"> <p class="header">Guild News</p> PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! 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> <p class="header">Guild Activities</p> PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! 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> <p class="header">Advertise Guild</p> PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! 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> <p class="header">Others</p> PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! PUT YOUR TEXT HERE! 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> </div> Color Scheme: Background Colour White Header Text Colour Black Main Text Colour Black Link Colour #679a02 Main Border Colour #679a02 Secondary Colour #fff474

Share |

Sailor Moon Pet Page and Site Layout

Petpage Layout: <style> body{background:#A4D288 url(http://i18.photobucket.com/albums/b129/the_pit_stop00/sailormoonpetpage2.jpg) repeat-y;} A:link{COLOR:#679A02; TEXT-DECORATION: none; } A:visited{COLOR:#679A02; TEXT-DECORATION:none; } A:hover {COLOR:#ffffff; TEXT-DECORATION:underline; } 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: #FDD753;padding:1px 1px 1px 5px;text-decoration: none;text-align:left;background-color:#669901;border-bottom:2px solid #FDD753; font-weight:bold;} #navlist a:hover{background-color:#A4D288; color: #669901} .header{text-align: left; color: #679A02; font-family: tahoma; font-weight:bold; background-color:#FBD336; padding:3px; border:1px dashed #669901} 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://i18.photobucket.com/albums/b129/the_pit_stop00/sailormoonpetpage1.jpg" ></div> <div style="position:absolute; top:571px; left:155px; width:165px; 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: 573; left: 332; width: 436; "> <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:#A4D288 url(http://i18.photobucket.com/albums/b129/the_pit_stop00/sailormoonpetpage2.jpg) repeat-y; margin:0px; scrollbar-face-color: #508231; scrollbar-track-color: #E1F0D9; scrollbar-highlight-color: #E1F0D9; scrollbar-shadow-color: #508231; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #E1F0D9; } A:link{COLOR:#679A02; TEXT-DECORATION: none; } A:visited{COLOR:#679A02; TEXT-DECORATION:none; } A:HOVER {COLOR:#ffffff; TEXT-DECORATION:underline; } 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: #FDD753;padding:1px 1px 1px 5px;text-decoration: none;text-align:left;background-color:#669901;border-bottom:2px solid #FDD753; font-weight:bold;} #navlist a:hover{background-color:#A4D288; color: #669901} .header{text-align: left; color: #679A02; font-family: tahoma; font-weight:bold; background-color:#FBD336; padding:3px; border:1px dashed #669901} </style> <div style="position:absolute; top:0px; left:0px;"> <img src="http://i18.photobucket.com/albums/b129/the_pit_stop00/sailormoonpetpage1.jpg" ></div> <div style="position:absolute; top:571px; left:155px; width:165px; 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: 573; left: 332; width: 436; "> <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 Anime Themed Pet Page and Site Layouts

Sailor Moon User Lookup

Layout Code: <style> body{background: #B8D0EC url(http://i18.photobucket.com/albums/b129/the_pit_stop00/sailormoonlook2.jpg) repeat-y;} a:link{COLOR:#990000; text-decoration: none} a:visited{COLOR:#990000; text-decoration:none } a:hover {COLOR:#990000; text-decoration: underline} td,p,body{color:#000000;font:8pt verdana} #footer,#header,hr,#form,#object,.ban,#m,#ald,#mb,#ol,.hdr,.sf,#n,#ban, #habitarium,#ncmall, #pushdown_banner{display:none;} #main {background:url(http://i18.photobucket.com/albums/b129/the_pit_stop00/sailormoonlook1.jpg) no-repeat; border: 0px;margin-top:0px; margin-left:0px} #content {padding-top:950px; padding-left:88px; width:783px;} .contentModuleTable, .contentModule {border:none;} .contentModuleHeader,.contentModuleHeaderAlt, .header {text-align: center; color: #008ED2; font-family: tahoma; font-weight:bold; font-size:15px; text-transform:uppercase; background:url(http://i18.photobucket.com/albums/b129/the_pit_stop00/sailormoonlook3.gif); border-bottom: 2px solid #008ED2;} .contentModuleContent {background: none; } .contentModule b, .contentModule img {visibility:visible;} #navlist ul{margin: 0;padding: 0;list-style-type: none; font-weight:bold; } #navlist li { margin: 0 ; } #navlist a{display: block;color: #558DE0;padding:2px 0px 2px 9px;text-decoration: none;text-align:left;border-bottom:2px dotted #558DE0;border-left: 8px solid #558DE0;font-weight:bold; background-color:#B8D0EC;} #navlist a:hover{color: #FF669A;border-bottom:2px dotted #FF669A;border-left: 8px solid #FF669A; background-color:#FFEAF2;} .contents {background-color:#C6ECFF; border:2px solid #C10061;} #userneopets img, #userneohome img {width:100px; height:100px} </style> <div id="navlist" style="position:absolute; top:612px; left:604px; width:251px; text-align:left;"> <div class="contents"> <div class="header">Navigation</div> <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> </div></div> <div style="position:absolute; top:607px; left:133px; width:448px; height:293px; overflow:auto;"> <div class="contents"> <div class="header">About Me</div> I am Del, the owner of Neo-faerie Wings. I love web designing and playing neopets!Put more text here! Put more text here! Put more text here! Put more text here! Put more text here! </div> <p> <div class="contents"> <div class="header">My Fave Avatars</div> <center> <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"> </center> </div> <p> <div class="contents"> <div class="header">Wishlist</div> <center> <img src="http://images.neopets.com/items/faeriepntbrush.gif"> <img src="http://images.neopets.com/items/toy_globe_queen.gif"> </center> </div> <p> <div class="contents"> <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> <p> </div>