introduction

terms and conditions

black n white

colored

miscellaneous

coding help

contact me

link back

Welcome Page Last Updated: 7 - 12 - 09 Hello guest, welcome to my own collection of home made lookups. You may wonder why the lookups have a very minimal amount of graphics used, well it is to keep it simple and clean. Not all userlookups with fancy pant-sy photoshopped images look great. This is a fact that I have derived from years of experience and observation. Making use of color and space, I have successfully formulated a code to match your aesthetic needs. But if you still prefer cute, adorable animals to dominate the theme of your lookup, hit the rectangular button sandwiched between "+" and "Print Screen" and hold your breath before I bombard you with hideously "plain" and boring trash. However,if you are still determined to proceed, please read the following rules carefully before you use any of the codes. Terms and Conditions 1. I, guest will not remove the credit and claim it as my own work 2. I, guest will not alter or edit the code unless permissible (as advised) 3. If I experience any form of dissatisfaction, I will not attack medonia with my veggies 4. Any infringement of the rules listed above is reportable and I, guest will be held in charge (and will be brought before the NeoCourtroom where justice will be served!) Black and White (Emos! Look no further!) Note: You may change the colors and add in your own bits but please make sure that the link back to my petpage is clearly visible on your lookup (Drag Image to URL for enlargement) <style> #main { background:none; border:none; } .contentModuleTable { border:none; } .contentModule { border:1px solid black; } .contentModuleHeader { background:black; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } .contentModuleHeaderAlt{ background:black; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } #content { width:600px; background:white; border-left:1px solid white; border-right:1px solid white; } body{background:white URL(http://images.neopets.com/evil/lordkass.jpg) no-repeat fixed right bottom;} body {cursor: pointer;cursor:hand} body, font, td, p, .medText { font: 10px verdana; color: black; } a, a b { color:black; } a:hover, a:hover b { color:grey; cursor: hand; } h1 { font: 11px verdana; color: white; text-align: center; letter-spacing: 5px; background-color: black; border-bottom: 1px solid black; } </style> [ <a href="neopets.com/myaccount.phtml">account</a> ] [ <a href="neopets.com/petcentral.phtml">pet central</a> ] [ <a href="neopets.com/explore.phtml">explore</a> ] [ <a href="neopets.com/objects.phtml">shops</a> ] [ <a href="neopets.com/nf.phtml">news</a> ]<p> <div style=" width:800px; height:256px; overflow:auto; border:1px solid black; background:white"> <h1>Header 1</h1> Your Gibberish Here <h1>Header 2</h1> Your Gibberish Here <h1>Header 3</h1> Your Gibberish Here <h1>Lookup Credits</h1> <a href="neopets.com/~tokutoki"><img src="http://img.photobucket.com/albums/v139/medonia/linkback.jpg" border=0></a><p> </div> You may change your background image to one of the choices below, they have all been taken from the Neopets website. To change, find this part of the code: body{background:white URL(http://images.neopets.com/evil/lordkass.jpg) no-repeat fixed right bottom;} and change the image URL (where it is bolded) to your desired image... You may need to adjust the width of the main body content (e.g User Info, Shop & Gallery) according to the size of your background Image. To Change Width of Content, Refer to: #content { width:670px; } And change the number (in bold) to the correct width size, you may need to experiment yourself, its not very difficult. (If you would like to view the image, copy and paste the URL onto your web browser) Evil Characters Dr Sloth http://images.neopets.com/evil/drsloth.jpg Pant Devil http://images.neopets.com/evil/pantdevil.jpg Malkus Vile http://images.neopets.com/evil/malkus.gif Shadow Usul http://images.neopets.com/evil/shadow_usul.gif Spider Grundo http://images.neopets.com/evil/grundospider.gif Jelly Chia http://images.neopets.com/evil/jellychia.jpg Commander Garoo http://images.neopets.com/evil/garoo.jpg Lord Darigan http://images.neopets.com/evil/darigan.gif Tax Beast http://images.neopets.com/evil/taxbeast.jpg Lord Kass http://images.neopets.com/evil/lordkass.jpg Morguss http://images.neopets.com/evil/morguss.jpg The Court Dancer http://images.neopets.com/evil/courtdancer.jpg Masila http://images.neopets.com/evil/masila.jpg Bringer of Night http://images.neopets.com/evil/bringer.jpg Galem Darkhand http://images.neopets.com/evil/galem.jpg Jhudora http://images.neopets.com/evil/jhudora.jpg Captain Scarblade http://images.neopets.com/evil/scarblade.jpg Benny the Pirate Chia http://images.neopets.com/evil/benny.gif Cursed Jazam http://images.neopets.com/evil/jazan.jpg Eliv Thade http://images.neopets.com/evil/evil_elivthade.gif Heroes of Neopia Jeran http://images.neopets.com/galleryofheroes/heroes/jeran.gif Space Faerie http://images.neopets.com/galleryofheroes/heroes/spacefaerie.jpg Angelina Joli-sorry, Queen Fyora http://images.neopets.com/galleryofheroes/heroes/fyora.jpg Lisha http://images.neopets.com/galleryofheroes/heroes/lisha.jpg Illusen http://images.neopets.com/galleryofheroes/heroes/illusen.jpg Kayla http://images.neopets.com/galleryofheroes/heroes/kayla.gif King Skarl http://images.neopets.com/galleryofheroes/heroes/skarl.jpg Jhuidah http://images.neopets.com/galleryofheroes/heroes/jhuidah.gif Soup Faerie http://images.neopets.com/galleryofheroes/heroes/soupfaerie.jpg Hannah the Usul http://images.neopets.com/galleryofheroes/heroes/Hannah.gif Master Vex http://images.neopets.com/galleryofheroes/heroes/mastervex.gif Galgarroth http://images.neopets.com/galleryofheroes/heroes/galgarroth.gif Commander Gormos http://images.neopets.com/galleryofheroes/heroes/gormos.gif King Kelpbeard http://images.neopets.com/galleryofheroes/heroes/kelpbeard.gif Swordmaster Talek http://images.neopets.com/galleryofheroes/heroes/talek.gif Garin http://images.neopets.com/galleryofheroes/heroes/garin.jpg Jacques http://images.neopets.com/galleryofheroes/heroes/jacques.jpg General Dacon http://images.neopets.com/galleryofheroes/heroes/dacon.jpg Nabile http://images.neopets.com/galleryofheroes/heroes/nabile.jpg Armin http://images.neopets.com/galleryofheroes/heroes/armin.gif Judge Hog http://images.neopets.com/galleryofheroes/heroes/judgehog.jpg In Color If you would like to add some color onto your lookup, you may find these layouts more appropriate Ghost Lupe <style> #main { background:none; border:none; } .contentModuleTable { border:none; } .contentModule { border:1px solid #088A85; text-align: center; padding: 2px; } .contentModuleHeader, .contentModuleHeaderAlt {background:#088A85; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } #content { width:680px; background:white; border-left:1px solid white; border-right:1px solid white; } body{background:white URL(http://images.neopets.com/evil/ghostlupe.gif) no-repeat fixed right bottom;} body {cursor: pointer;cursor:hand} a, a b { color:#088A85; } body, font, td, p, .medText { font: 10px verdana; color: #0B615E; } a:hover, a:hover cursor: hand; A:LINK{color:#81BEF7;FONT-FAMILY:verdana;font-size:10px;} A:VISITED{color:#04B4AE;FONT-FAMILY:verdana;font-size:10px;} A:HOVER{color:#0B615E;FONT-FAMILY:verdana;font-size:10px;text-decoration:none;} B{color:#088A85} h1 { font: 11px verdana; color: white; text-align: center; letter-spacing: 5px; background-color: #088A85; border-bottom: 1px solid #088A85; } </style> [ <a href="neopets.com/myaccount.phtml">account</a> ] [ <a href="neopets.com/petcentral.phtml">pet central</a> ] [ <a href="neopets.com/explore.phtml">explore</a> ] [ <a href="neopets.com/objects.phtml">shops</a> ] [ <a href="neopets.com/nf.phtml">news</a> ]<p> <div style=" width:800px; height:254px; overflow:auto; border:1px solid #088A85; background:white"> <h1>Header 1</h1> Your gibberish here...<p> <h1>Header 2</h1> Your gibberish here...<p> <h1>Header 3</h1> Your gibberish here...<p> <h1>Lookup Credits</h1> <a href="neopets.com/~tokutoki"><img src="http://img.photobucket.com/albums/v139/medonia/linkback.jpg" border=0></a><p> </div> Balthazar Wannabe <style> #main { background:none; border:none; } .contentModuleTable { border:none; } .contentModule { border:1px solid #0B3861; text-align: center; padding: 2px; } .contentModuleHeader, .contentModuleHeaderAlt {background:#0B3861; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } #content { width:680px; background:white; border-left:1px solid white; border-right:1px solid white; } body{background:white URL(http://images.neopets.com/evil/balthazar.gif) no-repeat fixed right bottom;} body {cursor: pointer;cursor:hand} a, a b { color:#0B3861; } body, font, td, p, .medText { font: 10px verdana; color: #045FB4; } a:hover, a:hover cursor: hand; A:LINK{color:#0B3861;FONT-FAMILY:verdana;font-size:10px;} A:VISITED{color:#0B3861;FONT-FAMILY:verdana;font-size:10px;} A:HOVER{color:#045FB4;FONT-FAMILY:verdana;font-size:10px;text-decoration:none;} B{color:#0B3861} h1 { font: 11px verdana; color: white; text-align: center; letter-spacing: 5px; background-color: #0B3861; border-bottom: 1px solid #0B3861; } </style> [ <a href="neopets.com/myaccount.phtml">account</a> ] [ <a href="neopets.com/petcentral.phtml">pet central</a> ] [ <a href="neopets.com/explore.phtml">explore</a> ] [ <a href="neopets.com/objects.phtml">shops</a> ] [ <a href="neopets.com/nf.phtml">news</a> ]<p> <div style=" width:800px; height:254px; overflow:auto; border:1px solid #0B3861; background:white"> <h1>Header 1</h1> Your gibberish here...<p> <h1>Header 2</h1> Your gibberish here...<p> <h1>Header 3</h1> Your gibberish here...<p> <h1>Lookup Credits</h1> <a href="neopets.com/~tokutoki"><img src="http://img.photobucket.com/albums/v139/medonia/linkback.jpg" border=0></a><p> </div> Hubrid Nox <style> #main { background:none; border:none; } .contentModuleTable { border:none; } .contentModule { border:1px solid #610B38; text-align: center; padding: 2px; } .contentModuleHeader, .contentModuleHeaderAlt {background:#240B3B; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } #content { width:680px; background:white; border-left:1px solid white; border-right:1px solid white; } body{background:white URL(http://images.neopets.com/evil/hubrid_nox.gif) no-repeat fixed right bottom;} body {cursor: pointer;cursor:hand} a, a b { color:#610B38; } body, font, td, p, .medText { font: 10px verdana; color: #610B38; } a:hover, a:hover cursor: hand; A:LINK{color:#610B38;FONT-FAMILY:verdana;font-size:10px;} A:VISITED{color:#610B38;FONT-FAMILY:verdana;font-size:10px;} A:HOVER{color:#610B38;FONT-FAMILY:verdana;font-size:10px;text-decoration:none;} B{color:#610B38} h1 { font: 11px verdana; color: white; text-align: center; letter-spacing: 5px; background-color: #240B3B; border-bottom: 1px solid #240B3B; } </style> [ <a href="neopets.com/myaccount.phtml">account</a> ] [ <a href="neopets.com/petcentral.phtml">pet central</a> ] [ <a href="neopets.com/explore.phtml">explore</a> ] [ <a href="neopets.com/objects.phtml">shops</a> ] [ <a href="neopets.com/nf.phtml">news</a> ]<p> <div style=" width:800px; height:254px; overflow:auto; border:1px solid #240B3B; background:white"> <h1>Header 1</h1> Your gibberish here...<p> <h1>Header 2</h1> Your gibberish here...<p> <h1>Header 3</h1> Your gibberish here...<p> <h1>Lookup Credits</h1> <a href="neopets.com/~tokutoki"><img src="http://img.photobucket.com/albums/v139/medonia/linkback.jpg" border=0></a><p> </div> Vira <style> #main { background:none; border:none; } .contentModuleTable { border:none; } .contentModule { border:1px solid #636439; text-align: center; padding: 2px; } .contentModuleHeader, .contentModuleHeaderAlt {background:#636439; color:#D3CEA5; letter-spacing: 3px; text-align: center; padding: 2px; } #content { width:680px; background:white; border-left:1px solid white; border-right:1px solid white; } body{background:white URL(http://images.neopets.com/evil/vira.gif) no-repeat fixed right bottom;} body {cursor: pointer;cursor:hand} a, a b { color:#636439; } body, font, td, p, .medText { font: 10px verdana; color: #636439; } a:hover, a:hover cursor: hand; A:LINK{color:#636439;FONT-FAMILY:verdana;font-size:10px;} A:VISITED{color:#636439;FONT-FAMILY:verdana;font-size:10px;} A:HOVER{color:#636439;FONT-FAMILY:verdana;font-size:10px;text-decoration:none;} B{color:#636439} h1 { font: 11px verdana; color: #D3CEA5; text-align: center; letter-spacing: 5px; background-color: #636439; border-bottom: 1px solid #636439; } </style> [ <a href="neopets.com/myaccount.phtml">account</a> ] [ <a href="neopets.com/petcentral.phtml">pet central</a> ] [ <a href="neopets.com/explore.phtml">explore</a> ] [ <a href="neopets.com/objects.phtml">shops</a> ] [ <a href="neopets.com/nf.phtml">news</a> ]<p> <div style=" width:800px; height:254px; overflow:auto; border:1px solid #636439; background:white"> <h1>Header 1</h1> Your gibberish here...<p> <h1>Header 2</h1> Your gibberish here...<p> <h1>Header 3</h1> Your gibberish here...<p> <h1>Lookup Credits</h1> <a href="neopets.com/~tokutoki"><img src="http://img.photobucket.com/albums/v139/medonia/linkback.jpg" border=0></a><p> </div> Coding Help If you would like to use your own colors or change something in particular , refer to the following parts of the code, remember to experiment yourself: Content Modules .contentModule { border:1px solid #COLORHERE; } .contentModuleHeader, .contentModuleHeaderAlt {background:#COLORHERE; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } Link Colors a:hover, a:hover cursor: hand; A:LINK{color:#COLOR;FONT-FAMILY:verdana;font-size:10px;} A:VISITED{color:#COLOR;FONT-FAMILY:verdana;font-size:10px;} A:HOVER{color:#COLOR;FONT-FAMILY:verdana;font-size:10px;text-decoration:none;} B{color:#COLOR} Basic Text Colors a, a b { color:#COLOR; } body, font, td, p, .medText { font: 10px verdana; color: #COLOR; } Headers in Text Box h1 { font: 11px verdana; color: #COLOR; text-align: center; letter-spacing: 5px; background-color: #COLOR; border-bottom: 1px solid #COLOR; } HTML Color Charts Miscellaneous (Have a play around with the codes! Customize it with your own colors and images! Just be sure you don't remove the link back to my petpage :) Thanks! I *heart* Tables (This is somewhat similar to "snarkie"'s lookup with the 'default' tables) <style type="text/css"> .contentModuleTable { border:none;} .contentModule { border:1px solid COLOR; background:white } .contentModuleHeader, .contentModuleHeaderAlt { background:COLOR; color:COLOR; letter-spacing: 3px; text-align: center; padding: 2px; } </style> <table width="100%" cellpadding="0" cellspacing="0" border="0"><tr> <td valign="top" class="contentModule" width="458"> <table cellpadding="3" cellspacing="0" border="0" class="contentModuleTable"><tr> <td class="contentModuleHeader">Header 1 (1st Left)</td> </tr><tr> <td class="contentModuleContent" align="center" valign="top"> Your gibberish here... </td></tr></table></td><td width="7"></td> <td valign="top" class="contentModule" width="300"> <table cellpadding="3" cellspacing="0" border="0" class="contentModuleTable"><tr> <td class="contentModuleHeader">Header 2 (Middle)</td> </tr><tr> <td class="contentModuleContent" align="center" valign="top"> You gibberish here... </td></tr></table></td><td width="7"></td> <td valign="top" class="contentModule" width="200"> <table cellpadding="3" cellspacing="0" border="0" class="contentModuleTable"><tr> <td class="contentModuleHeader">Header 3 (3rd Right)</td> </tr><tr> <td class="contentModuleContent" align="center" valign="top"> Your gibberish here... <p> <b>Lookup Credits</b><br> <a href="neopets.com/~tokutoki"><img src="http://img.photobucket.com/albums/v139/medonia/linkback.jpg" border=0></a><p> </tr><tr> <td class="contentModuleContent" align="left" valign="top"> </td></tr></table></td></tr></table> Center Alignment <style> #main { background:none; border:none; } .contentModuleTable { border:none; } .contentModule { border:1px solid black; } .contentModuleHeader { background:black; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } .contentModuleHeaderAlt{ background:black; color:white; letter-spacing: 3px; text-align: center; padding: 2px; } #content { background:white; border-left:none; border-right:none; } body{background:white} body {cursor: pointer;cursor:hand} body, font, td, p, .medText { font: 10px verdana; color: black; } a, a b { color:black; } a:hover, a:hover b { color:grey; cursor: hand; } h1 { font: 11px verdana; color: white; text-align: center; letter-spacing: 5px; background-color: black; border-bottom: 1px solid black; } </style> [ <a href="neopets.com/myaccount.phtml">account</a> ] [ <a href="neopets.com/petcentral.phtml">pet central</a> ] [ <a href="neopets.com/explore.phtml">explore</a> ] [ <a href="neopets.com/objects.phtml">shops</a> ] [ <a href="neopets.com/nf.phtml">news</a> ]<p> <img src="http://images.neopets.com/items/gro_meowclops_ring.gif"><br> <div style=" overflow:none; border:none; background:white"> <h1>Header 1</h1> Your Gibberish Here <h1>Lookup Credits</h1> <a href="neopets.com/~tokutoki"><img src="http://img.photobucket.com/albums/v139/medonia/linkback.jpg" border=0></a><p> </div> Link Back <a href="neopets.com/~tokutoki"><img src="http://img246.imageshack.us/img246/4403/affieanimeyl1.gif" border=0></a> <a href="neopets.com/~tokutoki"><img src="http://img252.imageshack.us/img252/9804/1211950630525su1.jpg" border=0></a> Helpful Links Page Credits Page Layout by medonia for my use ONLY Banner and Background by medonia - DO NOT STEAL

Thank BoingDragon.com for the counter!