hey guest

if you have questions about my css or ANY css, neomail me! i'll gladly help you. you don't have to be using one of my pre-mades for me to help you out. :)


santamonicablvd and arsons are my SIDES. fruit20 is my MAIN. please neomail me on fruit20 only! thank you.


quick note:
i had some other userlookups on this page - that weren't classed in a specific section - which i took down, but please still link here.
thank you!

same rules apply!

1. leave credit always!

2. you can edit the coding however you want, but you must leave credit.

3. don't steal/claim it to be your own.

simple, yet complex

- PREVIEW -
same style for all

please note:
if you would like to move the position of the lookup,
change '207' in left:207px; to any number you want.
(located in the #content code)

also, you may need to make your trophies smaller. i did my best to make the tables wide enough for those of you with many trophies. i have quite a few, but i've noticed the problem is in the 'game trophies' section. i only have 7 there so it's different for those of you with 8 or more in that section. if you have any sort of problem with this (or anything else) please please please neomail me!


blue + grey:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:207px;background:#FFF;top:20px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;} A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#336699;font-weight:bold;} a:hover,a:hover b{color:#333;} i {color: #363636;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #336699;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#363636;border-bottom:5px solid #336699;border-top:5px solid #336699;} body{background-color:#363636;} </style /> <h2>header</h2> <div align="center"> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br>

green:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:207px;background:#FFF;top:20px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#333;} A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#339933;font-weight:bold;} a:hover,a:hover b{color:#3BB23D;} i {color: #3BB23D;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #339933;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#111;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#333;border-bottom:5px solid #339933;border-top:5px solid #339933;} body{background-color:#3BB23D;} </style /> <h2>header</h2> <div align="center"> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br>

grey:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:207px;background:#FFF;top:20px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#444;} A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#333;font-weight:bold;} a:hover,a:hover b{color:#555;} i {color: #444;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#444;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#111;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#111;border-bottom:5px solid #444;border-top:5px solid #444;} body{background-color:#555;} </style /> <h2>header</h2> <div align="center"> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br>

pink + blue + green:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:207px;background:#FFF;top:20px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#111;} A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#00CCFF;font-weight:bold;} a:hover,a:hover b{color:#9C9C9C;} i {color: #FD353B;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #99FF33;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#111;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#111;border-bottom:5px solid #99FF33;border-top:5px solid #99FF33;} body{background-color:#FD353B;} </style /> <h2>header</h2> <div align="center"> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br>

purple + grey:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:207px;background:#FFF;top:20px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#363636;} A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#666699;font-weight:bold;} a:hover,a:hover b{color:#333366;} i {color: #333366;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #666699;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#333;border-bottom:5px solid #666699;border-top:5px solid #666699;} body{background-color:#5C5C5C;} </style /> <h2>header</h2> <div align="center"> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br>

red + black:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:207px;background:#FFF;top:20px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#000;} A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#990000;font-weight:bold;} a:hover,a:hover b{color:#CC0000;} i {color: #000;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#990000;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#000;border-bottom:5px solid #990000;border-top:5px solid #990000;} body{background-color:#000;} </style /> <h2>header</h2> <div align="center"> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br>


special themed lookups.
brought to you by nemo.
thanks nemo! :3

mystery island:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:397px;background:#FFF;top:10px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#666666;} A:link,A:visited,A:active,b,a{font:7.5pt tahoma;color:#dbb42d;font-weight:bold;} a:hover,a:hover b{color:#dbb42d; text-transform: uppercase} b{color:#428421;} i {color: #cc6699;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #dbb42d;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#FFF;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#666666;border-bottom:5px solid #428421;border-top:5px solid #428421;} body{background-color:#dbb42d;} </style /> <div align="center"></i> <img src="http://images.neopets.com/items/plushie_island_pb.gif"> <img src="http://images.neopets.com/items/gif_lennyfeatherfan_island.gif"> <img src="http://images.neopets.com/items/boo_mystery_tours.gif"> <img src="http://images.neopets.com/items/stamp_island_heads.gif"> <img src="http://images.neopets.com/items/usu_slorg_island.gif"> <img src="http://images.neopets.com/items/tiki_native_drum.gif"> <img src="http://images.neopets.com/items/plu_kau_mane_flowers.gif"> <img src="http://images.neopets.com/items/tro_combfruit.gif"> <h2>header</h2> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br><br> remember kiddies, no stealing sam & nemo's combined efforts! ^_~ <br>

faerieland:
<style /> #header,#footer,.content div a img, .content div b{display:none;} #userneopets img{width:70px;height:70px;} #usertrophies img{width:50px;height:50px;} #main{background:none;border:none;} #content{width:700px;position:absolute;left:397px;background:#FFF;top:10px;} .contentModule div a img, .contentModule div b {display:inline;} .contentModule,.contentModuleTable{border:none;} td,p,body,font,a,u,b,.medText{font:7.5pt tahoma;color:#7E7E7E;} A:link,A:visited,A:active,b,a{color:skyblue;font-weight:bold; text-transform: uppercase} a:hover,a:hover b{color:violet; text-transform: uppercase} i {color: violet;font-style:normal;font-weight:bold;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color: #ffcccc;font:9pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#cc66cc;} h2{background-color:#FFF;font:16pt century gothic;letter-spacing:1pt;text-align:center;text-transform:uppercase;margin:0px;color:#cc66cc;border-bottom:5px solid #ffcccc;border-top:5px solid #ffcccc;} body{background-color:violet;} </style /> <div align="center"></i> <img src="http://images.neopets.com/items/mall_floatinghappinessfaerie.gif"> <img src="http://images.neopets.com/items/mall_gashapon_faerie.gif"> <img src="http://images.neopets.com/items/mall_floatingfyoradoll.gif"> <img src="http://images.neopets.com/items/mall_smileysnack_faerie.gif"> <img src="http://images.neopets.com/items/mall_airbubblenecklace.gif"> <img src="http://images.neopets.com/items/gar_birdhouse_fyora.gif"> <img src="http://images.neopets.com/items/mall_sparklingfaeriewand.gif"> <img src="http://images.neopets.com/items/mall_gashapon_faeriedoll.gif"> <h2>header</h2> <br> <a href="/petcentral.phtml">central</a> - <a href="/explore.phtml">explore</a> - <a href="/neoboards/index.phtml">boards</a> - <a href="/~Delightful_Cherry">css</a> <br><br> text here <i>bold</i> <br><br> remember kiddies, no stealing sam & nemo's combined efforts! ^_~ <br>


top

very simple with header & footer

please note:
you may need to make your trophies smaller. i did my best to make the tables wide enough for those of you with many trophies. i have quite a few, but i've noticed the problem is in the 'game trophies' section. i only have 7 there so it's different for those of you with 8 or more. if you have any sort of problem with this (or anything else) please please please neomail me!


- PREVIEW -
same style for all

blue + grey:
<style /> #usertrophies img{width:40px;height:40px;} #userneopets img{width:85px;height:85px;} #content{width:690px;} .contentModule,.contentModuleTable{border:none;} p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7pt verdana;color:#363636;} A:link,A:visited,A:active,b,a{font:7pt verdana;color:#31649D;text-transform:lowercase;font-weight:bold;} a:hover,a:hover b{color:#9C9C9C;} i {color: #363636;font-weight:bold;font-family:georgia;} u {font-weight:bold;text-decoration:none;border-bottom:2px solid #31649D;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#DDD;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#31649D;font-weight:bold;border-bottom:1px solid #BBB;} .a{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;} </style /> <table width=690><tr><td></i> <div align="left"> <font class="a">put a header here.</font> <br><br> put your links here - <a href="/~Delightful_Cherry">premades</a>! <br> <br> test here <b>bold</b> <i>italic</i> <u>underline</u> <br>

purpley:
<style /> #usertrophies img{width:40px;height:40px;} #userneopets img{width:85px;height:85px;} #content{width:690px;} .contentModule,.contentModuleTable{border:none;} p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7pt verdana;color:#363636;} A:link,A:visited,A:active,b,a{font:7pt verdana;color:#B650D0;text-transform:lowercase;font-weight:bold;} a:hover,a:hover b{color:#9C9C9C;} i {color: #642CB3;font-weight:bold;font-family:georgia;} u {font-weight:bold;text-decoration:none;border-bottom:2px solid #B650D0;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#4D23A9;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#F8AAD1;font-weight:bold;border-bottom:1px solid #642CB3;} .a{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;} </style /> <table width=690><tr><td></i> <div align="left"> <font class="a">put a header here.</font> <br><br> put your links here - <a href="/~Delightful_Cherry">premades</a>! <br> <br> test here <b>bold</b> <i>italic</i> <u>underline</u> <br>

seagreen:
<style /> #usertrophies img{width:40px;height:40px;} #userneopets img{width:85px;height:85px;} #content{width:690px;} .contentModule,.contentModuleTable{border:none;} p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7pt verdana;color:#363636;} A:link,A:visited,A:active,b,a{font:7pt verdana;color:#073624;text-transform:lowercase;font-weight:bold;} a:hover,a:hover b{color:#9C9C9C;} i {color: #18B87A;font-weight:bold;font-family:georgia;} u {font-weight:bold;text-decoration:none;border-bottom:2px solid #10704B;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#10704B;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#073624;font-weight:bold;border-bottom:1px solid #18B87A;} .a{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;} </style /> <table width=690><tr><td></i> <div align="left"> <font class="a">put a header here.</font> <br><br> put your links here - <a href="/~">premades</a>! <br> <br> test here <b>bold</b> <i>italic</i> <u>underline</u> <br>

pink + orange + yellow:
<style /> #usertrophies img{width:40px;height:40px;} #userneopets img{width:85px;height:85px;} #content{width:690px;} .contentModule,.contentModuleTable{border:none;} p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7pt verdana;color:#363636;} A:link,A:visited,A:active,b,a{font:7pt verdana;color:#FFA01C;text-transform:lowercase;font-weight:bold;} a:hover,a:hover b{color:#9C9C9C;} i {color: #FF8453;font-weight:bold;font-family:georgia;} u {font-weight:bold;text-decoration:none;border-bottom:2px solid #FF0244;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#FF0244;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#FF8453;font-weight:bold;border-bottom:1px solid #FFA01C;} .a{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;} </style /> <table width=690><tr><td></i> <div align="left"> <font class="a">put a header here.</font> <br><br> put your links here - <a href="/~Delightful_Cherry">premades</a>! <br> <br> test here <b>bold</b> <i>italic</i> <u>underline</u> <br>

red:
<style /> #usertrophies img{width:40px;height:40px;} #userneopets img{width:85px;height:85px;} #content{width:690px;} .contentModule,.contentModuleTable{border:none;} p, td, table, tr, td,u,b,.medText{text-transform:lowercase;font:7pt verdana;color:#363636;} A:link,A:visited,A:active,b,a{font:7pt verdana;color:#520C0C;text-transform:lowercase;font-weight:bold;} a:hover,a:hover b{color:#9C9C9C;} i {color: #E63737;font-weight:bold;font-family:georgia;} u {font-weight:bold;text-decoration:none;border-bottom:2px solid #AB1A1A;} .contentModuleHeader,.contentModuleHeaderAlt, h1{background-color:#AB1A1A;font:8pt tahoma;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#520C0C;font-weight:bold;border-bottom:1px solid #E63737;} .a{font-family:georgia;font-style:italic;font-size:17pt; color:#363636;} </style /> <table width=690><tr><td></i> <div align="left"> <font class="a">put a header here.</font> <br><br> put your links here - <a href="/~Delightful_Cherry">premades</a>! <br> <br> test here <b>bold</b> <i>italic</i> <u>underline</u> <br>


top

Guild Layouts

these are just very simple css layouts.
sorry i don't have a lot to choose from.
i'll make/add more when i can :)

bright & colorful:
<style /> #footer, hr, .sidebar, #header td, #header{display: none;} #main{width:600px;background:none;border:none;} #content{width:600px;} td,p,body,font,a,.medText,u,b{font-size:8pt;font-family:arial;color:#555;} A:link,A:visited,A:active,b,a{font-size:8pt;font-family:arial;color:#F1468E;} a:hover,a:hover b,a:hover visited,a:hover active,a:hover link{color:#EFC811;} #text{width:450px;} h1{background-color:#BAED31;font:14pt century gothic;letter-spacing:1px;text-align:right;color:#000;border-left:20px solid #FAA540;} .a{COLOR:#C2EC00;font-size:19pt;font-family:arial;} body {background-color:#34C6F0;} </style /> <div id="text"><div align="left"> <h1>header.</h1> text here <br><br> <a href="/~Delightful_Cherry">css credit.</a> </div></div>
Background Colour: white
Header Text Colour: #F1468E
Main Text Colour: #555555
Link Colour: #555555
Main Border Colour: #EFC811
Secondary Border Colour: white

black & blue:
<style /> #footer, hr, .sidebar, #header td, #header{display: none;} #main{width:600px;background:none;border:none;} #content{width:600px;} td,p,body,font,a,.medText,u{font-size:8pt;font-family:arial;color:#111;} A:link,A:visited,A:active,a,b{font-size:8pt;font-family:arial;color:#000;} a:hover,a:hover b,a:hover visited,a:hover active,a:hover link{color:#003366;} #text{width:450px;} h1{background-color:#003366;font:14pt century gothic;letter-spacing:1px;text-align:right;color:#000;border-left:20px solid #000;} .a{COLOR:#C2EC00;font-size:19pt;font-family:arial;} body {background-color:#333;} </style /> <div id="text"><div align="center"> <h1>header.</h1> text here <br><br> <a href="/~Delightful_Cherry">css credit.</a> </div></div>
Background Colour: white
Header Text Colour: black
Main Text Colour: #111111
Link Colour: #111111
Main Border Colour: #003366
Secondary Border Colour: white


top

final note

thanks for visiting my css page!
more of my css can be found here. :)

i'd love to hear your suggestions/questions/comments,
so feel free to neomail me.


this layout was made 100% by me, sam.

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2008.
® 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