Day's CSS Codes

Want a spiffeh CSS lookup? Then you're in the right place. Day (THAT'S ME!!)
has the latest and greatest CSS codes for your lookup.
Day also teaches you to DIY so you can be rolling with
your very own CSS in no time. There are only a few simple..

Rules

•Please, please link back. I want some credit. If you use the
DIY section to make your own lookup, credit is not required.
Although a "thanks, Day" would be nice.
•Editing the code is NOT considered DIY. Nice try.
•If you see a stolen code, please INFORM DAY. Thankies.
•Please neomail me if you find a code that is screwed up. That way I can fix it.

The Codes

<style type="text/css"> BODY, td, font, table, p { font-family: tahoma; font-size: 7pt; color: black; line-height: 10pt; cursor: default; text-transform: none; } b { font-size: 7pt; font-family: tahoma; color: orange; text-transform: none; cursor: default; background: none; border-bottom: none 1px solid; } u, i { font-size: 7pt; font-family: tahoma; color: deeppink; text-transform: uppercase; cursor: default; } ALINK, AVISITED, AACTIVE { font-family: tahoma; font-size: 7pt; color: deeppink; text-decoration: none; text-transform: none; cursor: default; } AHOVER { font-family: tahoma; font-size: 7pt; color: orange; text-decoration: none; text-transform: none; cursor: default; border-bottom: 3px deeppink solid; } BODYhr, #ban, { display: none; } p.head { background: -blocked-; text-transform: uppercase; text-align: right; font-weight: bold; font-size: 10pt; color: white; line-height: 8pt; border-bottom: 5px deeppink solid; font-family: arial; } input, textarea, select, option, menu, #nst { font-family: arial; font-size: 8pt; color: -blocked-; background-color: white; border: black solid 1px; font-weight: bold; text-transform: lowercase; text-decoration: underline; } </style> <p></p> <table><tr><td><div align="center"><tr><td align="center"> <p class="head">Header Here</p> Enter Spiffy Text Here.<p> <b>Bold</b><br> Underline/Italics </p> <p class="head">Navigation</p> <a href="http://www.neopets.com/addpet.phtml">Create</a> - <a href="http://www.neopets.com/petcentral.phtml">Central</a> - <a href="http://www.neopets.com/explore.phtml">Explore</a> - <a href="http://www.neopets.com/gameroom.phtml">Play</a> - <a href="http://www.neopets.com/neomessages.phtml">Mail</a> - <a href="http://www.neopets.com/objects.phtml">Shop</a> - <a href="http://www.neopets.com/neoboards/index.phtml">Chat</a> - <a href="http://www.neopets.com/nf.phtml">Update</a> - <a href="http://www.neopets.com/stuff.phtml">Stuff</a> - <a href="http://www.neopets.com/help.phtml">Learn</a> - <a href="http://www.neopets.com/loginpage.phtml">Come</a> - <a href="http://www.neopets.com/">Go</a> <p class="head">Thank Her.</p> <a href="http://www.neopets.com/~_Skyye">Day's CSS Lookups</a><br>For the CSS code (x_scotchtape) </td></tr></div></td></tr></table> <style> body { background: #FF6666 url("-blocked-") fixed bottom left no-repeat; } p table { width: 350; border: 4px solid white; background: -blocked-; } hr { display: none; } #m, #mb, object { visibility: hidden; } table, td { background: none; } #n { display: none; } .hdr { display: none; } #ban { display: none; } .hdr { display: none; } center font b { display: none; } hr { display: none; } .nav { color: -blocked-; border: 2px solid white; width: 220px; } </style>
Similar to my current userlookup, with different colors.
Colors: Sunset colors: oranges, pinks
NOTE: this code removes the Neopets sidebar.
Remove the navigation code included as a risk of being iced.

<style type="text/css"> BODY, td, font, table, p { font-family: georgia; font-size: 9px; color: -blocked-; letter-spacing: 0; } ALINK, AVISITED, AACTIVE { color: #757170; font-family: georgia; text-decoration: -blocked-; background-color: none; letter-spacing: -1; font-size: 8pt; line-height: 8pt; } AHOVER { color: #FFFFFF; font-family: georgia; letter-spacing: -1; background-color: ffffff; } BODYhr, #ban, { display: none; } p.head { width: 495; background: #F2F0F4; text-transform: lowercase; text-align: right; font-weight: bold; font-size: 18pt; color: gray; line-height: 11pt; font-family: times new roman; } input, textarea, select, option, menu, #nst { font-family: arial; font-size: 8pt; color: -blocked-; background-color: white; border: black solid 1px; font-weight: bold; text-transform: lowercase; text-decoration: underline; } </style> <p></p> <table><tr><td><div align="center"><tr><td align="center"> <p class="head">Header Here</p> Enter stuff about you here. Yeaah. Spiffeh-tastic. <p class="head">Around</p> <a href="http://www.neopets.com/addpet.phtml">x</a> - <a href="http://www.neopets.com/petcentral.phtml">o</a> - <a href="http://www.neopets.com/explore.phtml">x</a> - <a href="http://www.neopets.com/gameroom.phtml">o</a> - <a href="http://www.neopets.com/neomessages.phtml">x</a> - <a href="http://www.neopets.com/objects.phtml">o</a> - <a href="http://www.neopets.com/neoboards/index.phtml">x</a> - <a href="http://www.neopets.com/nf.phtml">o</a> - <a href="http://www.neopets.com/stuff.phtml">x</a> - <a href="http://www.neopets.com/help.phtml">o</a> - <a href="http://www.neopets.com/loginpage.phtml">x</a> - <a href="http://www.neopets.com/">o</a> <p class="head">Thank Her.</p> <a href="http://www.neopets.com/~_Skyye">Day's CSS Lookups</a><br>For the CSS code (x_scotchtape) </td></tr></div></td></tr></table> <style> body { background: #CCFFCC url("-blocked-") fixed bottom left no-repeat; } p table { width: 500; border: 1px solid white; background: #FFFFFF; text-align: left; } hr { display: none; } #m, #mb, object { visibility: hidden; } table, td { background: none; } #n { display: none; } .hdr { display: none; } #ban { display: none; } .hdr { display: none; } center font b { display: none; } hr { display: none; } .nav { color: -blocked-; border: 2px solid white; width: 220px; } </style>
A lookup containing simple tables and headers.
Colors: Light pinks, greens, and white.
NOTE: this code removes the Neopets sidebar.
Remove the navigation code included as a risk of being iced.

<style> body { background: gray; } center font b { display: none; } #hdr { display: none; } .tt { display: none; } .tl { display: none; } .nst { display: none; } #m, #mb, object { visibility: hidden; } table, td { background: none; } #n { display: none; } .hdr { display: none; } .hr { display: none; } td, p, body { font-family: tahoma; font-size: 8pt; color: black; text-decoration: none; text-transform: none; } b { color: gray; letter-spacing: 1; } a:link, a:active, a:visited { font-family: tahoma; font-size: 6pt; color: #FFFFFF; letter-spacing: 1px; background-color: lightblue; text-transform: uppercase; } a:hover { font-family: tahoma; font-size: 6pt; background-color: white; color: lightblue; letter-spacing: 1px; text-transform: uppercase; } p table { width: 600; border: 10px solid lightblue; background: white; } </style> <b> <div style="position: absolute; top: 10; left: 180;"> <a href="http://www.neopets.com/addpet.phtml">Create</a> - <a href="http://www.neopets.com/petcentral.phtml">Central</a> - <a href="http://www.neopets.com/explore.phtml">Explore</a> - <a href="http://www.neopets.com/gameroom.phtml">Play</a> - <a href="http://www.neopets.com/neomessages.phtml">Mail</a> - <a href="http://www.neopets.com/objects.phtml">Shop</a> - <a href="http://www.neopets.com/neoboards/index.phtml">Chat</a> - <a href="http://www.neopets.com/nf.phtml">Update</a> - <a href="http://www.neopets.com/stuff.phtml">Stuff</a> - <a href="http://www.neopets.com/help.phtml">Learn</a> - <a href="http://www.neopets.com/loginpage.phtml">Come</a> - <a href="http://www.neopets.com/">Go</a> </div> <font style="font-family: georgia; font-size: 20pt; color: lightblue; font-weight: normal; letter-spacing: -2px; line-height: 0px; text-transform: none;">On days like this I wonder</font><br><font style="font-family: arial; font-size: 7pt; color: black; font-weight: normal; letter-spacing: 3px; line-height: 0px; text-transform: uppercase;"> if you even know my name</font> <p></p> <p> Text-aroo here! Typetastic. Yay. Fun. Remember, DO NOT remove the link! Kthx, Dayy.</p> <p> All CSS credit to x_scotchtape.<br><a href="http://www.neopets.com/~_Skyye"> Click her</a>for Day's CSS lookups. </p></b>
Stats inside a table, a nice text header, and navigation across the top.
Colors: Grays, blues, and white.
NOTE: this code removes the Neopets sidebar.
Remove the navigation code included as a risk of being iced.

<style type="text/css"> body { background-color: -blocked-; } font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br { font-family: arial; color: black; line-height: 5px; font-size: 11px; text-transform: lowercase; } b { font-family: arial; font-size: 11px; color: -blocked-; line-height: 5px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; } a:link { font-family: arial; font-size: 11px; background-color: white; color: -blocked-; letter-spacing: 1px; text-transform: uppercase; line-height: 5px; } a:hover { font-family: arial; font-size: 11px; color: white; letter-spacing: 1px; text-transform: uppercase; line-height: 5px; background-color: transparent; } b, stong { font-weight: bold; font-size: 8pt; line-height: 10px; text-transform: lowercase; color: -blocked-; letter-spacing: 0px; font-family: arial; } img { border: 0px; } hr, .tl, .hdr, .tt, .sf, OBJECT, INPUT, FORM, TXT, #tbg, #m, #n, #mb, center font b, .sf { display: none; visibility: hidden; } table, td { background: none; } </style> <div style="position: absolute; left: 360; top: 18;"> <font style="font-size: 30px; line-height: 20px; color: tan; font-family: georgia; font-weight: bold;">Hello loves.</font> </div> <table style="position: absolute; left: 350px; top: 35px;"><tr><td style="width: 450px; text-align: center; border: 5px solid; border-color: tan; padding: 0; background-color: #99FFCC;"> <p><br> Put your text here. YAHOO. Typing is fun.=)</p> <p> All CSS © to x_scotchtape at <a href="http://www.neopets.com/~_Skyye">Day's CSS lookups</a> <br> A large, simple table, with one header.<br><b>Colors</b>: tan, maroon, and sea foam green.<br><b>NOTE</b>: THIS CODE REMOVES THE SIDEBAR...AND DOES NOT OFFER ANOTHER FORM OF NAVIGATION. FYI!!!</p> <p> </p> <h5>DIY</h5> <p> <b>When writing in CSS</b>, always start with the<br><textarea><style type="text/css"></style>
tag and end with the

tag.

Changing the text:
When editing the text with css, you can alter:
•font face
•size
•color
•spacing
BODY,td,font,table,p{font-family:FONTFACEHERE; font-size:NUMBERHEREpt; color:COLORHERE; letter-spacing:LETTERSPACINGNUMBERpt;}

You can also change the properties of the link text.
A:LINK,A:VISITED,A:ACTIVE{font-family:FONTFACEHERE; font-size:NUMBERHEREpt; color:COLORHERE; letter-spacing:LETTERSPACINGNUMBERpt;}

Headers
Headers are text are well, but they stand
out and are meant to seperate the text from the rest of the page.
p.head{color: COLORHERE; font-family: FONTFACEHERE; font-size: NUMBERHEREpt; letter-spacing:LETTERSPACINGNUMBERpt;}
To place the header on the page, add this
code where you want it.
<p class="head">Header Text Here</p>

Background Codes
You can alter your background so you have images and colors as your background.

A repeating background
Does not move when you scroll the page. Must be in URL format.
Tip: To upload an image from your computer to the web, go to imageshack.us.
body {background:url(WWW.IMAGEURLHERE.COM) fixed}

Non-repeating background
Positioned in the bottom right, fixed.
<style> body { background: url("-blocked-") fixed no-repeat right bottom; } </style>

Solid Color Background
body{background:COLORHERE}

Tricky CSS for Neopets!
Using CSS, you can change around the basic qualities of a Neopets page.

Removing the sidebar
Chances are, if you don't put another form of navigation, you
will get frozen.
#m,#mb,object{visibility:hidden} table, td{background:none} #n{display:none}

Changing NeoClock Colors
#nst {filter:chroma(color=COLORHERE); color:TEXTCOLORHERE; font-family: FONTFACEHERE; font-size:NUMBERHEREpx; border:BORDERTHICKNESSNUMBERHEREpx solid BORDERCOLORHERE; background-color:BACKGROUNDCOLORHERE; padding:2px; margin:0px;}

..and removing it
.nst{display: none;}

Removing this image:
.hdr{display: none;}

Removing the text that says
User Lookup : guest
across the top of your lookup
center font b{display:none}

Remove the text along the top right of the sidebar
EG : Welcome, guest | Pet : _Duckii | NP : 0
.tt{display: none;} .tl{display: none;}

Put your stats in a table
p table{width:TABLEWIDTHHERE;border:BORDERTHICKNESSNUMBERHEREpx solid COLORHERE;background:TABLEBACKGROUNDCOLORHERE; align:center}