keepcredit
changeanything
orgcss

* Hover over title bars for notes on each code.
* Drag previews for bigger preview images.

This is all the credit you need.
If you can't spare 29 characters for credit,
then do not use my css.

update 2.10 - added my current userlookup
(so people can stop asking loool)

userlookups

shield pets

  • Border-radius abuse that I pretend to make up for with minimalism.
  • Speaking of border-radius, please add: border-radius: 15px 15px 100px 100px; to #userneopets a img, #p a img { and border-radius: 0 0 10px 10px; to #n a {. They're at the top of the code.
  • Does not show ncmall, neohome or habi.
  • If you only want one row of the tiny pets change #userneopets{margin-top: -700px;} to be -650px instead. I put it near the top of the code.
  • Consult the faq for how to get your tiny pet images.

top bar

  • Neat bar with nifty hovery things going on.
  • Does not show ncmall, neohome or habi.
  • If you want to hide your shop (for side accounts) you need to add #usershop to the big display:none; chunk.
    Then you need to add #userinfo{width:450px;} #usercollections{width:350px;} anywhere in your css.
  • I know I can't control you but try to keep the header, account hover and nav drop down backgrounds the same color T_T;;

neat and boxy

  • Doesn't show ncmall, neohome or habitarium.

fullscreen sidebar

  • *Please see the faq for how to get your mini pet images.
  • I encourage you to pick some nice backgrounds or textures. c;
  • Doesn't show your shop, gallery, ncmall, neohome or habitarium. I've included a link to the shop and gallery, just put in your username.
  • Everything you can change the color of is towards the top of the code.

sleek original

  • *Please see the faq for how to get your mini pet images.
  • To center this layout find #main in the css and remove float:left; and change margin:10px to margin:10px auto;!
  • Doesn't show your shop, gallery, ncmall, neohome or habitarium. I've included a link to the shop and gallery, just put in your username.
  • The links and line colors you can change are up towards the top of the code for your convenience.

original condensed

  • *Please see the faq for how to get your mini pet images.
  • Doesn't show your shop, gallery, ncmall, neohome or habitarium. Be sure to include a link to at least your shop somewhere.
  • If you really want to ruin the positioning and include your habitarium and ncmall thing, just remove: #habitarium and #ncmall at the top of the code.

original lookup

  • *Please see the faq for how to get your mini pet images.
  • Replace username in the links with your side accounts! Don't just leave it as is, haha.
  • This doesn't show your Habitarium.


petlookups

just a bar

  • IMPORTANT! When you first copy the code, it will look broken. Don't Panic! There are big ol' letters that say "CHANGE THESE TAGS". Change all the { } in {/table}{/table} & {/div} to normal brackets!
    There are TWO places you need to do this in. I highlighted both in all caps, hopefully you are not blind.
  • Obviously remove the text where I yell at you in all caps.
  • Remember to change the links.

side by side

  • IMPORTANT! When you first copy the code, it will look broken. Don't Panic! There are big ol' letters that say "CHANGE THESE TAGS". Change all the { } in {/table}{/table}{/div} to normal brackets!
  • Obviously remove the text where I yell at you in all caps.
  • Positioning messed up in IE.
  • Remember to change the links.

divider box

  • That first line of code, you replace the petpet image with your own pet's petpet's image.
  • Remember to change the links.
  • The NFT banner is included in this code, you can just remove it if it's not applicable.
  • If you want pet rating enabled, remove #pet_rating, from the big display:none; chunk of code. Then add #rating_ballot img {display:inline!important;} to the css.

individual boxes

  • All of the things you can change the colors of are separated at the very top of the style sheet.
  • Because I removed the petpage and neomail icons, you have to add that info yourself. It's at the very bottom of the code.
  • This userlookup does not show trophies. You have to add them yourself. Neopets does not allow you to omit information about your pets, trophies included. Also don't ADD trophies, lol, also against the rules.
  • To add an image that floats like mine do you can do
    [img src="IMAGELINK.PNG" style="float:left;"]
    with normal brackets.


petpages

rainbow boxes

Okay I give in, here's the code for everyone. However the rules are still the same:
I will not offer help with this code.
It's too easy to mess up, so know what you're doing or grab a friend!

  • Minor notes are in the code when you copy.

rainbows

This code is back! I cleaned it up a little bit as well, and made the save button more accessible because it was one of my most frequent complaints. c:

  • Minor notes are in the code when you copy.

Enjoy guys!

If you are looking for the code for my current FAQ page, read the note there for details (it is free use, sort of).


simple blue

Simple layout I've had sitting around for awhile.

  • Nice textareas are coded in, I just couldn't put it in the sample code.
  • Make sure you put h2 before h1, you need both for the fancy look!
  • Remember the paragraph tag or the padding will look awful. People forget a lot.

This layout is nice for simple adoption and application pages actually. It's what I made it for. c:



shops

clean shop

This code is a little bit bootleg since shops don't allow the use of margin and position.

  • Everything changable is up at the top of the code.
  • If you want to change the border color of the main box, make sure you change EVERY border under #header,#content & #footer - they're fragmented!
  • If you don't have premium, the mamabar links show up nice and neat on the top left. c:


other

not uft banner - light

I've gotten some requests from people to use my nifty not UFT/UFA banner. You can see it in action here.

*Remember you only need ONE set of style tags on any one page!

This, is the only resource of mine that I ever will allow you to remove credit from if you choose to. Leaving it would be great, but you know it's not that big a deal as long as you don't claim it as your own.

not uft banner - dark

Got tired of seeing the light version on dark lookups. So I made a dark one for you guys, how convenient!


faq

Hover over the title bars of each preview for individual notes!

How do I get a counter?
The regular counter is from boingdragon. The active user counter (the one with the little person on it) is from whos amung us.

Why can't I use your counter?
Because it will mess with both of our stats, and that doesn't provide either of us with accurate information. I check mine often so I'll mail you if you're using mine.

How do I get the little images of my pets?
*In order to find your pets' avatar images just use:
http://pets.neopets.com/cpn/petname/1/1.png
And obviously change petname to your pet's name. I will mention that they probably won't all be positioned perfectly in the center because all species are positioned differently; which is I specifically centered mine. I still suggest that you make and crop your own images if it really matters that much to you. But the code has been updated for lazy people.

How do I get my [habitarium/nc album/shop] to show up?
In the css there should be this giant chunk of stuff that all has the display:none property. Just find what you want to show, and remove it (and the comma.) For example #ncmall,#habitarium,#usershop etc; they're pretty straight forward. Just remember that it may mess up positioning and look lame. Alternatively, if one of those is showing, you can add the id to that chunk of css to remove it.

How do I center this lookup?
You didn't read the hover notes, did you!? Scroll back up to the layout you want to center and read the instructions! xD

*disclaimers

This page exists is to easily distribute my own personal css to the public. Old codes are probably messy and may have faults.

I offer complete artistic freedom with my templates so you may see many variations of style and color of my layouts.
I have no styling control over any edited coding and any edits made to my templates do not belong to me or my site in any way. c:

Theft in any form is not tolerated.
If I find that my credit has been removed you will notified and I will decide if further action is required.
I still require credit if you use my code as a "base." If you are not comfortable with crediting me, do not use my css.

Please refer to editorials 250 and 308:
Their work, their rules. Sorry.
All coding and content included on this page belongs to Nikki (l3lo0).
Coming soon: Color palettes for template use!



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