Pet Central | Create A Pet | Neomail | Explore
Boards | Games | Shops | News | Help

More of my pages: Premade lookups

Feel free to use the codes in your user lookup!
I would appreciate a link to me in your lookup to say where you got your help from, but it is not necessary. Thanks!

If text is shown in capitals, you need to enter your own url or text there.

For a color code chart go here:
http://img517.imageshack.us/img517/7793/colorcode0tg.jpg


Navigation:

| Background images | Adding images | Altering text | Sidebar | Banner | Clock | Text Boxes | Removing | Extra



Background images

Plain colour (replace #000000 with your colour code):

<style> body { background-color: #000000; } </style>

Background Image:

<style> body { background-image: url("-blocked-"); } </style>

Background Image- fixed:

<style> body { background-image: url("-blocked-"); background-attachment: fixed; } </style>

Background image- Fixed, no repeat:

<style> body { background-image: url("-blocked-"); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } </style>



Adding images

Basic code:

<img src="-blocked-">

Image- positioned where you want (change 100, and 150 to position your image)

<img src="-blocked-" style="position: absolute; left: 100px; top: 150px;">

Remove images:

<style> img { display: none; } </style>

Change shield image- alter top and left numbers to position your shield:

<style> i.shield { background: url("-blocked-"); position: absolute; height: 150px; width: 100px; top: 280px; left: 590px; } </style> <i class="shield"></i>

Use this as your shield template:
http://img116.imageshack.us/img116/8381/shield3bn.jpg



Altering text

Colour change (replace #000000 for your color):

<style> body, td, p, div { color: #000000; } </style>

Change link colors (alter #ffffff for your colors):

<style type="text/css"> A:link { text-decoration: -blocked-; color: #ffffff; } A:visited { color: #ffffff; } A:active { color: #ffffff; } A:hover { color: #ffffff; } </style>

Font change:

<style> body, td, p, div { font-family: FONTHERE; } </style>

Font size:

<style> body, td, p, div { font-size: -blocked-; } </style>

Text alignment:

<style> body, td, p, div { text-align: -blocked-; } </style>

Change gender and trophy text (change #000000 for your color):

<style> font b, table font { color: #000000; font-family: FONTFACEHERE; font-size: -blocked-; font-weight: bold; } </style>

Change welcome, pet and np text (change #000000 for your color):

<style> .tt { color: #000000; font-family: FONTFACEHERE; font-size: -blocked-; font-weight: bold; } </style>



Sidebar

Change sidebar image:

<style> i.side { background-image: url("-blocked-"); position: absolute; left: 0px; top: 00px; height: 763px; width: 130px; } #navbar { position: absolute; left: 0px; top: 63px; height: 421px; width: 130px; z-index: 1; } table, td, #n, #tbg { background: transparent; } a div, #mb, #m, #ol { visibility: hidden; } .tt, #n { position: relative; z-index: 1; } #ban { display: none; background: transparent; } </style> <i class="side"></i> <img src="-blocked-" border="0" id="navbar" usemap="#a">

Change sidebar and topbar:

<style> i.top, i.side { background-image: url("-blocked-"); } i.top { position: absolute; left: 0px; top: 00px; height: 042px; width: 728px; } i.side { position: absolute; left: 0px; top: 00px; height: 763px; width: 130px; } #navbar { position: absolute; left: 0px; top: 63px; height: 421px; width: 130px; z-index: 1; } table, td, #n, #tbg { background: transparent; } a div, #mb, #m, #ol { visibility: hidden; } .tt, #n { position: relative; z-index: 1; } #ban { display: none; background: transparent; } </style> <i class="top"></i> <i class="side"></i> <img src="-blocked-" border="0" id="navbar" usemap="#a">

Remove sidebar:

<style> table, td, #n { background: transparent; } a div, #mb, #m, #ol, #tbg, .tt, #nst, .tl { visibility: hidden; } </style>

Text as sidebar:

<style> table, td, #n { background: transparent; } a div, #mb, #m, #ol { visibility: hidden; } </style> | <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">Games</a> | <a href="http://www.neopets.com/objects.phtml">Shops</a> | <a href="http://www.neopets.com/neoboards/index.phtml">Boards</a> | <a href="http://www.neopets.com/nf.phtml">News</a> | <a href="http://www.neopets.com/stuff.phtml">Stuff</a> | <a href="http://www.neopets.com/help.phtml">Help</a> |



Banner

Change banner image:

<style> i.topbanner { background: url("-blocked-"); height: 62px; width: 480px; position: absolute; top: 137px; left: 227px; } </style> <i class="topbanner"></i>

Remove banner:

<style> .hdr { display: none; } </style>



Clock

Change clock type (change #000000 for your colors, change 1 for your border width):

<style> #nst { color: #000000; background-color: #000000; border-color: #000000; font-family: FONTFACEHERE; font-size: -blocked-; border-width: 1px; border-style: -blocked-; } </style>

Remove clock:

<style> #nst { display: none; } </style>



Text boxes

Basic scrolling text box
(change top and left for positioning, change height and width for sizing, change #000000 for your backgound color):

<div style="position: absolute; left: 100px; top: 425px; width: 210px; height: 225px; background-color: #000000; overflow: auto;"> YOUR INFO HERE </div>

Your stats in a scrolling text box:
(change top and left for positioning, width and height for sizing, opacity 0-100 for how see through it appears, and #000000 for background color)

<style> #mytextbox { position: absolute; top: 185px; left: 98px; color: #000000; background-color: #000000; border-color: -blocked-; font-family: FONTFACEHERE; font-size: -blocked-; border-width: -blocked-; border-style: -blocked-; width: 470px; background-image: url("-blocked-"); height: 150px; overflow: auto; } </style> <div id="mytextbox"><table> <br><br><br><a name="removing"></a><br>Removing<br><br> All but text:<br><br><textarea><style> #myFlash, #nst, hr, td.tl, img, center font b, tr td a div { display: none; } #bottomban, #nst, #m, #n, #mb, .hdr, .tl, .tt, .sf { display: none; } #n, td, table { background: transparent; } br { visibility: hidden; } </style>

All but text and images:

<style> #myFlash, #nst, hr, td.tl, center font b, tr td a div { display: none; } #bottomban, #nst, #m, #n, #mb, .hdr, .tl, .tt, .sf { display: none; } #n, td, table { background: transparent; } br { visibility: hidden; } </style>

White around images:

<style> img { } </style>

Top ad:

<style> #ban { display: none; background: transparent; } </style>

Side ad:

<style> #n #myFlash { display: none; } </style>

Sidebar search:

<style> td.tl { visibility: hidden; } #n #myFlash, #nst { visibility: visible; } </style>



Extra

Something has happened:

<p></p> <table width="400"> <tr><td width="400" align="center" colspan="2"><b>Something has happened!</b></td></tr> <tr> <td width="80"><img src="-blocked-" border="1" height="80" width="80"></td> <td width="320">YOU TEXT HERE<br> </td> </tr> </table>




Like what you have seen? Link me!



<a href="http://petpages.neopets.com/~Otterinium"><img src="http://img506.imageshack.us/img506/4616/linkuserlookup4ux.jpg" border="0"></a>