Navigation

#header
#main
#content
.contentModule
.contentModuleTable
.contentModuleContent
.contentModuleHeader
#footer
Other Codes

My Links

Premades
Html Help
Lutari Directory
Lookup Rating

Neopets

My Account
Pet Central
Explore
Games
Boards
Shops
News
Video
Mall

Other Links



Link Back


Introduction
So you want to learn to make your own unique userlookup? Look no farther, you've come to the right place. I've tried to make everything as simple as possible in explaining and hope that this guide will allow pretty much anyone to customize their lookup.

If you have any suggestions please feel free to neomail me. Just please don't neomail with specific coding related questions like "why won't ________ work?" or neomail me to thank me. I'm sure you appreciate it, no need to thank me, just link back if you really want to say thanks :)

The Breakdown
I've created this image to visually give a quick overview of the userlookup's differen't parts.


What is it? - This is the very top part of a userlookup. It contains the navigation, the neopets time and your status in the upper right corner.

What can I do with it?
First of all if you like a simple looking layout you can remove it. Just be sure to make your own navigation!


Secondly, you can put your own image in there. Notice in this code that you will need to remember or write down the width and height of your image for it to show up properly.


And last is a rather complicated thing you can do. You can use your own image and leave the neopets navigation in there. I'd suggest trying this only after you've messed around with coding and graphics a bit. It requires making sure your image and the navigation lines up properly.


Other Elements
  • #nst - the neopian clock
  • .user - the status in the upper right corner (username, neopoints, logout)
  • #sip - the portal switch, you can't see this without premium, but it can make a lookup a little icky to premium users if you don't remove it
  • #navigation - the entire neopets navigation bar


  • Back to Top

    What is it? - Just like it sounds it's the main part of the page. It's basically the background from the header to the footer.

    What can I do with it?
    You can make some nice tiled backgrounds.


    You can change the width and add/remove borders;}


    You can use just a plain color background


    You can also make the background transparent


    Back to Top

    What is it? - The area where all your text and stats show up.

    What can I do with it?
    This can be used just like #main. Backgrounds can be used or width can be changed. You can also add borders.






    Back to Top

    What is it? - The outermost border around each of the boxes containing your stats.

    What can I do with it?
    The best thing to do with it is to add or remove borders.




    Back to Top

    What is it? - The table that contains your stats.

    What can I do with it?
    The best thing to do with it is to add or remove borders.




    Back to Top

    What is it? - This is the part with your stats in it that is under the title. It's the box that specifically has your info in it and is the best place to edit fonts.

    What can I do with it?
    You could add a tiled or plain background.




    You also can change the color or look of your font here.


    You can control the look of your images here. You can give them borders, change their size or make them transparent.






    Back to Top

    What is it? - The "title" or "header" on each of your stat boxes.

    What can I do with it?
    Change the color, font, add borders or background images.








    Back to Top

    What is it? - The very bottom of the userlookup that contains copyright info.

    What can I do with it?
    It's a lot like the header. You can add your own image.


    You can use a plain background color

    Other Elements
  • .footerNifty - the image in the lower right corner
  • .sf - the search and language boxes as well as the small text at the bottom right
  • .copyright img - the images in the lower left (about us, link to us, etc)


  • Back to Top

    These are all a little more specific and not just general areas of a userlookup.

    #userneopets img - your actual neopet images.

    #userinfo - the box with your basic info in it
    #usercollections - the box with your battledome, theme, avatar stats, etc.
    #userneohome - the box with your neohome info
    #usershop - the box with your shop and gallery info
    #userneopets - the box with your neopets info
    #usertrophies - the box with your trophies


    Link Colors


    Back to Top



    Heads Up! You're about to leave Neopia!

    You've clicked on a link that will take you outside of
    Neopets.com. We do not control your destination's website,
    so its rules, regulations, and Meepit defense systems will be
    different! Are you sure you'd like to continue?



    It is a journey
    I must face...alone.
    *dramatic music*
    I want to stay on Neopets,
    where the dangers of
    Meepit invasion
    are taken seriously.
    Heads Up! You're about to leave Neopia!

    You've clicked on a link that will take you outside of
    Neopets.com. We do not control your destination's website,
    so its rules, regulations, and Meepit defense systems will be
    different! Are you sure you'd like to continue?



    It is a journey
    I must face...alone.
    *dramatic music*
    I want to stay on Neopets,
    where the dangers of
    Meepit invasion
    are taken seriously.
    Heads Up! You're about to leave Neopia!

    You've clicked on a link that will take you outside of
    Neopets.com. We do not control your destination's website,
    so its rules, regulations, and Meepit defense systems will be
    different! Are you sure you'd like to continue?



    It is a journey
    I must face...alone.
    *dramatic music*
    I want to stay on Neopets,
    where the dangers of
    Meepit invasion
    are taken seriously.
    /help/bumper/headers/log-in-to-facebook

    NEOPETS, characters, logos, names and all related indicia
    are trademarks of Neopets, Inc., © 1999-2014.
    ® denotes Reg. US Pat. & TM Office. All rights reserved.

    PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
    Use of this site signifies your acceptance of the Terms and Conditions