Navigation

Other user lookup tutorials, finished lookup sample shown:


Code explanation
Reference image
FAQ/Rules of credit

Basic Rules

You may take off the link back, but if you do please leave some form of credit somewhere else.

You may use this coding for premades, but please have a link back somewhere on the premades page.

If you're still unclear about anything, see the Rules of credit link above or neomail me.
Do not risk breaking the rules. I will not hesitate to report theft.

The Code

Underneath is the basic code you will be learning.
Text in RED are things you will be changing.
Text in BLUE are my notes to you on what exactly the red things change.
The blue numbers correspond to numbers on the image of the actual lookup below the code.

Just read through the code carefully.
You can even ignore the black parts, but they might help you understand.

If you still have questions after this, feel free to neomail me

Lookup preview:


Click here to see the actual sample lookup.

Ok then, let's get into it.

Here's the code for my sample lookup that you can copy, paste (into the bottom box here), and edit:



You can go to this petpage to find hex color codes to replace mine from the example.

If you are not sure where to get the image URLs from, read the FAQ.


~~~

Reference Image



And if you missed it above, here's another link to the sample lookup: Click here.

FAQ:

Can I use this code for premades?
Yes, you may use the coding from this tutorial to make premade lookups. Please leave credit somewhere, even if you remove the link.

Do you mind if I take the link back off?
I'd prefer you didn't, but you can. Just don't claim the code as your own. If you see anyone stealing the code/guide and claiming it as their own please let me know. Stealing coding is AGAINST THE RULES.

My stats are too wide and won't fit?
If you have a Neohome and 4 pets with a relatively small width on the lookup, try adding the part in red:
#footer, #header, #userneohome{display:none;}

Where do I find the image URL?
1. Save the image on your computer.
2. Go to an image host site like Photobucket or Imageshack and upload the image.
3. Find the "Direct URL" they give you. That's it.

So, about the backgrounds, how do I...
Put a background image in the space behind my stats?
Add #main{background:url('IMAGEURL');} inside the style tags.

Make the background NOT repeat/tile?
Add the red to this part of the code:
body{background:#36971F url('...gif') no-repeat;}

Only make the background repeat vertically?
body{background:#36971F url('...gif') repeat-y;}

Make the background fixed so it doesn't scroll with the rest of the page?
body{background:#36971F url('...gif') fixed left top;}
This can also be right bottom, left bottom, right top.
You might want to combine the no-repeat part with this one.
This will only look good if your background image is big enough to cover the whole screen.

And that should be it. That wasn't so hard, right?
Like I said before, feel free to neomail me with questions. I will try my best to answer them or I will direct you to someplace that can.


Link back:


Affies:

These are OPEN to page directories only at the moment. Just neomail me and take a banner :)


-----

-----

-----

-----

-----

-----

-----

-----

-----

-----
Pepsojr's Backgrounds
-----
Mylanithi12's Graphix
-----

-----






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