have you come to serve the horde?

Ohai, this is my template page.
Don't confuse these with premades.
These are base codes you can alter and customize for yourself.
These codes were my own personal codes, made by me, for me.
But people kept asking for them so here they are.

Art • FAQ • Art Requests • Lookup

Rules & Terms of use 1. Leave the credit link. 2. You can change literally anything else. 3. Don't use my personal counters. It messes with MY stats. 4. That's it! *gasp* Any codes of "yours" that you "base" off of mine still require credit. Theft is dealt with through a single warning neomail and then a report if the neomail hasn't received an adequate response. Updates & News 11.14.12 - The petpage section is back, sorry guys! I added a new simple layout as well, 2-3 more codes will be available soon. 7.02.12 - Added a shop code finally! & Also cleaned up the original lookup code for current filters, as it was 3-4 filter changes behind. 7.01.12 - Added a new userlookup! 2.18.12 - Added my not UFT/UFA banners in a new section. 10.7.11 - Oh look, a new layout and a new userlookup code!

Ctrl + A inside the textboxes to highlight the CSS.

IF YOU USE ANY PART OF MY CODE YOU NEED TO INCLUDE CREDIT. This is a template site, but if you use my code as a "base" or "idea" you still need to credit me. Apparently this needs to be said twice. u_u

Please refer to Editorials 250, 308, AND 533 for issues on using the css of others.

If you are out of room to include credit, mail me and I can try to condense what you have to get you some more character space.

<a href="/~Orgrimmar">css</a> This is the MINIMUM credit I require:
Look! That's 29 characters total.
That little for common courtesy.

Please, don't remove the credit.

mini faq

Can I change the colors?
Yes, of course, you can change anything.

Can I change the background?
Yes, of course, you can change anything.

Can I change the links?
Yes, of course, you can change anything.

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. xD

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. The link will change when you save I think.
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.

before mailing me...

It is not my problem if you don't read the suggestions and notes given on this page.
I will be more than happy to help you if you can't get something to work or your code broke for some unknown reason - that is totally fine to mail me about. But if you mail about something like.. how to add a background, or how to add your pet's images to the lookup, I'm sorry, I just, won't... CAN'T reply to you.
I don't want to be a huge butt about this, but I seriously can't differentiate between trolls and people that actually need help anymore.

There are sites linked to the bottom of the page that explain basic CSS.

notes on lookups

These apply to pretty much all of my lookups:

• *Please see the read me for how to get your mini pet images.
• The 1 2 3 up top are meant to be links to your side accounts. It says ACCOUNTNAMEHERE, put your side account names there.
• You.. can change those links at the top you know; not that I'm complaining lulz. Or just remove them.
• If you want to add a background image in like the bottom right of the page all you have to do is the following:
  Find: body{background:#efefef;}
  Change it to: body{background:#efefef url(IMG HERE) bottom right fixed no-repeat;}
• Hex codes (the 6 digits with the # sign) are what you change to change colors of things. Anywhere there's a hex code, there's a color you can change.

fullscreen sidebar

<style> h1 { width: 180px; margin: 7px auto; border-bottom: 3px solid #bdbdbd; } .l, #x { font: 14pt "arial"; color: #bdbdbd; } #x a, div b { color: #89ABAE; } #p img, UL.dropdown { border-top: 4px solid #606060 !important; border: 0; background: url("http://i.imgur.com/ExzSh.png"); padding: 4px; margin: 4px 0; } #p img:hover { background: #606060; border: 0; } a:link, a:active, a:visited, a b, #navigation a { color: #aaa; } a:hover, a b:hover, #navigation a:hover { color: #bbb !important; } #si { background: url("http://i.imgur.com/pHq3r.png"); left: 41px; top: 0px; width: 232px; height: 100%; text-align: left; border-right: 4px solid #606060; border-left: 4px solid #606060; } body { background: #efefef url("http://subtlepatterns.com/patterns/subtle_zebra_3d.png"); } body, td, b, .medText { font: 7pt "verdana"; color: #ccc; font-weight: normal; text-transform: lowercase; line-height: 10pt; } #main { width: 520px; margin: -1px 0 0 280px; background: #fff; border: 0; border-right: 2px solid #ddd; } #footer, #ban, #userneohome, #usershop, #ncmall, #nst, #habitarium, hr, .sf, .user.medText, .brand-mamabar, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } div b { font-weight: bold; } #header, .contentModule, .contentModuleContent, table, p { background: none; margin: 0; border: 0 !important; } LI.nav_image, #header { margin-left: -20px; } #template_nav { margin-left: -138px; } #header, #header a img { height: 40px !important; } #content { width: 520px; } #si, #userneopets b, p { text-transform: none; } #in { padding: 7px; } #p { text-align: right; } #usercollections { width: 220px; } #userinfo { width: 290px; } #usertrophies { width: 510px; } #userneopets { width: 510px; height: 188px !important; overflow: hidden; } #userneopets a { display: block; overflow: hidden; width: 70px; border: 3px double #dadada; } #userneopets img { margin-left: -45px; } #usertrophies .medText, #usertrophies b, #usertrophies a, #ncmall b { font: 9px "tahoma"; text-align: left; color: #777; } #userinfo a img, #usercollections img, #usertrophies img { width: 25px; height: auto; } #userinfo .medText table table .medText { font-size: 0px !important; } </style> <div id="si" style="position: fixed;"> <div id="in"> <center> <p id="x"> <font class="l">1</font> <a href="/userlookup.phtml?user=USERNAME">2</a> <a href="/userlookup.phtml?user=USERNAME">3</a> <a href="/userlookup.phtml?user=USERNAME">4</a> <a href="/userlookup.phtml?user=USERNAME">5</a><br><a href="/~Raggles">link</a> · <a href="/~Ekiahru">link</a> · <a href="/~Orgrimmar">link</a></p> <h1></h1>Images look good here. <br>So here's a placeholder skeef. <a href="http://www.neopets.com/~Floofibob"><img src="http://img.photobucket.com/albums/v217/chibix/adpt/pirateskeef.png" border="0"></a> </center> <p id="p"> Write stuff<br>More stuff?<br><a href="/browseshop.phtml?owner=USERNAME">shop</a> - <a href="/gallery/index.phtml?gu=USERNAME">gallery</a></p> <b>Neomail:</b> open<br><b>Neofriends:</b> closed<br><b>Guild Requests:</b> closed <h1></h1> <p id="p"><b><a href="/~Orgrimmar">css by l3lo0</a>!</b><br> bgs from subtlepatterns</p> </div> <p id="p"> <a href="/petlookup.phtml?pet=Vaidao"><img src="http://pets.neopets.com/cpn/Vaidao/1/1.png"></a><a href="/petlookup.phtml?pet=Ekiahru"><img src="http://pets.neopets.com/cpn/Ekiahru/1/1.png"></a><a href="/petlookup.phtml?pet=Raggles"><img src="http://pets.neopets.com/cpn/Raggles/1/1.png"></a><a href="/petlookup.phtml?pet=Leore"><img src="http://pets.neopets.com/cpn/Leore/1/1.png"></a></p> </div> <p>You can put text here if you like. Or just have nothing. <br>I like putting my <b>counters</b> here. <br>If you get a counter please make sure you get your own <b>unique ID.</b> <br>If you don't know how, <b>ask</b> and I will get one especially for you! ^^</p>

sleek original *Please see the read me for how to get your mini pet images. Clean and skinny version of my original lookup below. 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. <style> #footer, hr, #userneohome, .sf, #nst, .brand-mamabar, #ban, #habitarium, #usershop, #ncmall, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } #x a { font-style: normal; color: #77C6FD; } h1 { text-align: right; font: 9pt "georgia"; font-style: italic; margin: 10px; border-bottom: 3px solid #A9D04D; } #header { visibility: hidden; z-index: 2; } #navigation { visibility: visible; } #template_nav { margin-top: -35px; margin-left: -150px; } LI.nav_image { margin-left: -15px; } UL.dropdown { background: #fff; border: 1px solid #efefef; } #b { background: #fff; border: 1px solid #dadada; margin: 7px; } #userinfo table { border: none !important; } #content { width: 500px; margin-top: -70px; } #main { float: left; width: 590px; margin: 10px; border: 1px solid #dadada; text-align: left; left: 0px; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } body, td, p, .content, .medText { font: 7pt "verdana"; color: #333; } body { background: #efefef; } b { text-transform: lowercase; } a:link, a:active, a:visited, a b, #navigation a { color: #727272; font-weight: normal; font-style: italic; } a:hover, a b:hover, #navigation a:hover { color: #c0c0c0 !important; font-weight: normal; } .trophy_cell, #usertrophies b { padding: 0px; font-weight: normal; } #usertrophies img { width: 60px; height: auto; } #usercollections { width: 250px; } #userinfo { width: 340px; } #userneopets, #userneopets b { width: 580px; text-transform: capitalize; } #userneopets img { margin-left: -25px; } #userneopets a { display: block; overflow: hidden; padding: 3px; width: 100px; border: 1px solid #efefef; } #side { left: 590px; top: -8px; width: 160px; } #side b { text-transform: none; } #b { text-align: left; padding: 5px; } #l a, .l, #x { font: 18pt "century gothic"; letter-spacing: -1px; } .l { color: #dadada; } p { margin: 5px; } #p img { background: #fff; padding: 3px; margin-left: -15px; height: 50px; border: none; } #p a { display: inline-block; overflow: hidden; margin: 3px; padding: 2px; width: 25px; background: #fff; border: 1px solid #dadada; } </style> <div id="side" style="position: absolute;"> <div id="b"> <center> <p id="x"> <font class="l">1</font> <a href="/userlookup.phtml?user=USERNAME">2</a> <a href="/userlookup.phtml?user=USERNAME">3</a> <a href="/userlookup.phtml?user=USERNAME">4</a></p> <a href="/browseshop.phtml?owner=USERNAME">shop</a> / <a href="/gallery/index.phtml?gu=USERNAME">gallery</a> </center> <h1>Info</h1>Write a bit here or something. c: <h1>Status</h1> <b>Neomail: </b>Closed<br><b>Neofriends: Open</b><br><br><center>Lookup by <a href="/~orgrimmar">l3lo0!</a> </center> </div> <div id="p"> <a href="/petlookup.phtml?pet=PETNAME"><img src="http://pets.neopets.com/cpn/PETNAME/1/1.png"></a><a href="/petlookup.phtml?pet=PETNAME"><img src="http://pets.neopets.com/cpn/PETNAME/1/1.png"></a><a href="/petlookup.phtml?pet=PETNAME"><img src="http://pets.neopets.com/cpn/PETNAME/1/1.png"></a><a href="/petlookup.phtml?pet=PETNAME"><img src="http://pets.neopets.com/cpn/PETNAME/1/1.png"></a> </div> </div> Words if you want them! ^^

original condensed *Please see the read me 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. <style> #footer, hr, #userneohome, .sf, #nst, .brand-mamabar, #ban, #habitarium, #usershop, #ncmall, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } #header { visibility: hidden; z-index: 2; } #navigation { visibility: visible; } #template_nav { margin-top: -25px; margin-left: -150px; } LI.nav_image { margin-left: -15px; } UL.dropdown { background: #fff; border: 1px solid #efefef; } #b, #r, #l { background: #fff; border: 1px solid #dadada; margin: 7px; } #userinfo table { border: none !important; } #content { width: 500px; margin-top: -70px; } #main { float: left; width: 590px; margin: 10px; border: 1px solid #dadada; text-align: left; left: 0px; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } body, td, p, .content, .medText { font: 7pt "verdana"; color: #333; } body { background: #efefef; } b { text-transform: lowercase; } a:link, a:active, a:visited, a b, #navigation a { color: #727272; font-weight: normal; font-style: italic; } a:hover, a b:hover, #navigation a:hover { color: #c0c0c0; font-weight: normal; } .trophy_cell, #usertrophies b { padding: 0px; font-weight: normal; } #usertrophies img { width: 60px; height: auto; } #usercollections { width: 250px; } #userinfo { width: 340px; } #userneopets, #userneopets b { width: 580px; text-transform: capitalize; } #userneopets img { margin-left: -25px; } #userneopets a { display: block; overflow: hidden; padding: 3px; width: 100px; border: 1px solid #efefef; } #side { left: 590px; top: -8px; width: 160px; } #side b { text-transform: none; } #b { text-align: left; padding: 2px; } #l a, .l { font: 20pt "georgia"; } .l { color: #dadada; } #m { margin-bottom: 2px; } h1 { text-align: right; font: 9pt "tahoma"; font-weight: bold; margin: 0px; border-bottom: 1px dotted #dadada; } #r { text-align: right; padding: 2px; } #p img { padding: 3px; margin-left: -15px; height: 50px; border: none; } #p a { display: inline-block; overflow: hidden; margin: 2px; padding: 2px; width: 25px; background: #fff; border: 1px solid #dadada; } </style> <div id="side" style="position: absolute;"> <div id="l"><a href="/~raggles">Link <i>!</i></a></div> <div id="l"><a href="/~ekiahru">Link <i>!</i></a></div> <div id="l"> <a href="/userlookup.phtml?user=ACCOUNTNAMEHERE">1</a> <a href="/userlookup.phtml?user=ACCOUNTNAMEHERE">2</a> <a href="/userlookup.phtml?user=ACCOUNTNAMEHERE">3</a> </div> <div id="b"> <h1>Info</h1>Type stuff.<br> </div> <div id="b"> <h1>Status</h1> <b>Neomail:</b> Open<br><b>Neofriends:</b> Open<br><b>Guilds:</b> Open<br> </div> <div id="b"> <h1>Working On</h1>- Add a goal!<br>- Or something.<br>- Or delete this box?</div> <div id="l">Counters/Trackers go here.</div> <div id="p"> <a href="/petlookup.phtml?pet=Anteaq"><img src="http://pets.neopets.com/cp/w6kl48vj/1/1.png"></a> <a href="/petlookup.phtml?pet=Altalena"><img src="http://pets.neopets.com/cp/mn8bojx2/1/1.png"></a> </div> <div id="b">Lookup by <a href="/userlookup.phtml?user=l3lo0">l3lo0</a>! Get it <a href="/~Orgrimmar">here!</a> </div> </div>

original lookup *Please see the read me for how to get your mini pet images. This doesn't show your Habitarium. If you have a lot of trophies I highly suggest removing the NC Mall module they just added. Add #ncmall to the list of things by display:none; at the top of the CSS. <style> body { background: #efefef; } body, td, p, div, .medText { font: 8pt "franklin gothic medium"; line-height: 10pt; color: #777; font-weight: normal; } a:link, a:active, a:visited, a b, #navigation a, .medText b { color: #777; font-weight: normal; } a:hover, a b:hover, #navigation a:hover { color: #ccc; } h1 { text-align: right; font: 10pt "tahoma"; font-weight: bold; margin-right: 3px; border-bottom: 1px dotted #dadada !important; } #b, #r, #l, .contentModule, UL.dropdown { background: #fff; border: 1px solid #dadada; margin: 0 0 5px; } b, #b a, .medText b { color: #555; font: 7.5pt "georgia"; } #footer, hr, #ban, #userneohome, .sf, #nst, .user.medText, .brand-mamabar, #habitarium { display: none; } #header, #main, #content, .contentModuleTable, .contentModuleContent, h1, .trophy_cell, .content, p { background: none; margin: 0; border: 0; } #template_nav { margin-top: 20px; margin-left: -180px; } #header, #header a img, .nav_image { height: 38px !important; } #main { margin: 0 0 0 180px; width: 600px; } #content { width: 600px; margin-top: -25px; } .content { padding: 0; } .contentModuleHeader, .contentModuleHeaderAlt { background: none; font: 15pt "franklin gothic medium"; color: #555; } table { border-spacing: 0; } #side { left: 5px; top: 53px; width: 170px; } #side b { font-weight: bold; } p { text-align: left; padding: 5px; } #l a { font: 20pt "georgia"; } #p img { padding: 3px; margin-left: -15px; height: 50px; border: none; } #p a { display: inline-block; overflow: hidden; margin: 2px 5px; padding: 2px; width: 25px; background: #fff; border: 1px solid #dadada; } </style> <div id="side" style="position: fixed;"> <div id="l"><a href="/~raggles">Link <i>!</i></a></div> <div id="l"><a href="/~ekiahru">Link <i>!</i></a></div> <div id="l"> <a href="/userlookup.phtml?user=ACCOUNTNAMEHERE">1</a> <a href="/userlookup.phtml?user=ACCOUNTNAMEHERE">2</a> <a href="/userlookup.phtml?user=ACCOUNTNAMEHERE">3</a> </div> <div id="b"> <h1>Info</h1> <p>Type stuff.</p> </div> <div id="b"> <h1>Status</h1> <p> <b>Neomail:</b> Open<br><b>Neofriends:</b> Open<br><b>Guilds:</b> Open</p> </div> <div id="b"> <h1>Working On</h1> <p>- Add a goal!<br>- Or something.<br>- Or delete this box?</p> </div> <div id="l"><p>Counters/Trackers go here.</p></div> <div id="p"> <a href="/petlookup.phtml?pet=Vaidao"><img src="http://pets.neopets.com/cpn/Vaidao/1/1.png"></a><a href="/petlookup.phtml?pet=Ekiahru"><img src="http://pets.neopets.com/cpn/Ekiahru/1/1.png"></a><a href="/petlookup.phtml?pet=Raggles"><img src="http://pets.neopets.com/cpn/Raggles/1/1.png"></a><a href="/petlookup.phtml?pet=Leore"><img src="http://pets.neopets.com/cpn/Leore/1/1.png"></a> </div> <div id="b"> <p>Lookup by <a href="/userlookup.phtml?user=l3lo0">l3lo0</a>! Get it <a href="/~Orgrimmar">here!</a></p> </div> </div>

single flip box

This code is down for editing. LOL NOT HERE~

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. <style> body { background: #efefef; } body, table, tr, td, div, font, p, .medText { font: 7.5pt tahoma; color: #656565; } a, ALink, .user ALink, LI:hover UL.dropdown A { font-weight: bold; color: #89CFBE !important; } a:hover, a:hover b, .user AHover, LI:hover UL.dropdown AHover { color: #E8ADAB !important; } b { font: 7.5pt tahoma; font-weight: bold; color: #89CFBE; } i { font: 7.5pt georgia; font-weight: bold; font-style: italic; color: #E8ADAB; } h1 { font: 16pt georgia; font-weight: bold; color: #fff; background-color: #89CFBE; margin: 0px 0px 5px; } #ban, #footer, .brand-mamabar, hr, .sidebar, .adbox, #nst, .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleContent table img, .content div { display: none; } #main { margin-top: 0px; } #header { background: none; height: 40px; width: 625px; border: none; } #template_nav { margin-left: -170px; margin-top: -25px; } LI.nav_image, #nst { margin-left: -10px; } UL.dropdown { border: 1px solid #333; background: #fff; } .content .contentModule, .contentModuleTable { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } #main { background: none; border: 0px; width: 700px; } #content { width: 625px; border: none; } #pet_rating { height: 158px; } #rightio { text-align: right; font: 12pt "georgia"; } </style> <div align="center"> <div id="rightio"><i>Came home MM.DD.YY</i></div> <h1>PETNAME</h1> <i>[trait] // [trait] // [trait]</i> </div> <br><br><br><br><br><div id="rightio"> <a href="http://www.neopets.com/neomessages.phtml?type=send">neomail</a> | <a href="http://www.neopets.com/~PETNAME">petpage</a> | <a href="http://www.neopets.com/~Orgrimmar">credit</a> </div>

divider box That first line of code, you replace the petpet image with your own pet's petpet's image. Colors for changing are at the top of the code. 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. <style> .contentModuleContent imgsrchttpimages.neopets.comitemsnoilkeet_pink.gif { height: 60px; width: auto; } body, table, tr, td, div, font, p, .medText { font: 7.5pt verdana; color: #333; } body, #bar { background: #ccc; } a:link, a:active, a:visited { color: #777 !important; font-weight: bold; } a:hover, a:hover b { color: #e87498 !important; } b { color: #e87498; font: 7.5pt tahoma; } i { color: #e87498; font: 7.5pt georgia; font-style: italic; font-weight: bold; } #ban, #header, #footer, #nst, #pet_rating, hr, .sidebar, .brand-mamabar, .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleContent td img, .content div a img { display: none; } #main, .content, .contentModule, .contentModuleTable, .medText, table, td { border: none !important; padding: 0px; } #main { margin-top: 10px; margin-bottom: 10px; background: #fff; } #content, #main { width: 575px; } .contentModuleContent.medText, .contentModuleContent td, p { padding: 5px; } #CustomNeopetView { padding: 5px; border: 1px solid #efefef; } .content div { font-size: 1px !important; color: #fff; } .medText, .medText b { font: 7pt "tahoma"; } .sf { font: 6pt "arial"; } td { vertical-align: middle; } #na a { font: 13pt "tahoma"; color: #fff !important; } #na a:hover { color: #e23d71 !important; } #o { color: #999; font: 7pt "verdana" !important; padding: 0 10px; } #bar { padding: 5px 10px; margin: 1px 0 5px; height: 18pt; } #ch { font: 16pt "georgia" !important; font-style: italic !important; color: #fff; float: left; } #na, #x, #o, .contentModule img { float: right; } #x { height: 250px; width: auto; } #nft { top: 0px; left: 0px; } p { margin: 0px; } </style> <img src="http://i.imgur.com/7aR7f.png" id="nft" style="position: fixed;"><div id="o">Adopted xx.xx.xx</div> <br><div id="bar"> <div id="ch">Petname</div> <div id="na"> <a href="/~PETNAME">petpage </a><a href="/neomessages.phtml?type=send&recipient=USERNAME">mail </a><a href="/~orgrimmar">css</a> </div> </div> <center><i>[Trait] // [Trait] // [Trait]</i></center> <br><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque enim, lacinia sit amet pretium sit amet, vehicula vel magna. Nulla dapibus semper bibendum. Sed iaculis magna ac tellus venenatis condimentum nec et mi. Ut ut tortor non leo posuere facilisis non at arcu. Sed sit amet lorem a nibh pretium ullamcorper. Etiam volutpat ante eget eros tristique nec dapibus libero iaculis. Cras neque lorem, condimentum nec aliquet ac, aliquet sit amet nunc. Vestibulum interdum condimentum lorem, consequat dignissim orci malesuada id. </p>

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: <style> body { background: url("http://subtlepatterns.com/patterns/redox_01.png"); } td, div, div b, .medText, #nst, li a { font: 7pt "tahoma"; color: #666 !important; } a, a b, .user.medText a, div b, .medText b, li a { font-weight: bold; color: #4eb0b7 !important; text-decoration: none; } a:hover, a b:hover, .user.medText a:hover, li a:hover { color: #9adae2 !important; } .sidebarModule, .sidebarTable, .activePet, #main, td a img { border: 0 !important; } .content td { border: 1px solid #dadada; padding: 3px; background: #fff; } #header, #content, #footer { background: #fafafa !important; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #header { padding-top: 10px; border-top: 1px solid #dadada; } #footer { height: 100px; border-bottom: 1px solid #dadada; } #header, #footer, #ban, .sidebar, .sidebar td { background: none; } #main, #content, #header, #footer { width: 800px; } .content table { border-spacing: 5px; } .neofriendUsername { padding: 1px !important; } .sidebarHeader.medText, .activePet a img, ul.dropdown, .neofriendUsername { background: #efefef; border: 1px solid #dadada !important; padding: 2px; } .sidebarHeader.medText { text-align: center; } .activePet img { padding: 5px; } .activePet { padding: 3px 0; } #main { padding: 20px 0; background: none; } #ban { height: 100px; } #header a img, .nav_image img { height: 30px !important; width: auto; border: 0 !important; padding: 0; background: none; } #template_nav { width: 600px; } #footer img, hr, .brand-mamabar, .brand-mamabar img, span, #ad-table, #ad-728x90Div, #ad-728x90IF, .slug img, .sidebarHeader.medText a img { height: 0px !important; width: 0px !important; border: 0 !important; color: #fff; } .brand-mamabar-wrapper { width: 100px !important; } </style> <p> CSS by <a href="/userlookup.phtml?user=l3lo0">l3lo0</a>.<br>You can get it <a href="/~Orgrimmar">here!</a></p>

other goodies

I've gotten some requests from people to use my nifty not UFT/UFA banner. You can see it in action here. I may make a few variations in the future. *Remember you only need ONE set of style tags on any one page! This, the not UFT/UFA banner, 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. <style> #nft { top: 0px; left: 0px; display: inline; } </style> <a href="/~Orgrimmar#other"> <img src="http://i.imgur.com/7aR7f.png" id="nft" style="position: fixed;" border="0"></a> Got tired of seeing the light version on dark lookups. So I made a dark one for you guys, how convenient! <style> #nft { top: 0px; left: 0px; display: inline; } </style> <a href="/~Orgrimmar#other"> <img src="http://i.imgur.com/eadzhLr.png" id="nft" style="position: fixed;" border="0"></a>

links & fine print

If you have any problems at all, you are of course free to mail my main for help!
I will try to explain and solve your issue in simple language.

You need to know basic coding to customize these lookups.
If you're asking how to add an image or something equally as basic, please go here instead of mailing me.

Because I made these for me personally, you may have to edit things depending on your own stats etc. Please keep this in mind, basic CSS/HTML knowledge is helpful.
You're on the internet, learning it is not a waste of time. c:

<a href="http://www.neopets.com/~Orgrimmar"><img src="http://i.imgur.com/D5Pkp.png" border="0"></a>	<a href="http://www.neopets.com/~Orgrimmar"><img src="http://i.imgur.com/lJPU4.png" border="0"></a>

Listed at


Helpful/Suggested Sites

If you still have a question or something just isn't working right for you, title your mail with CSS HELPIES in caps, and you will get absolute priority response for reading this and I will work with you until your code works.