| Ctrl Panel | Pet Central | Explore | Games | Neomail | Shops | Boards | News | Items | Lookup |

Welcome

Welcome to my new coding page. These codes work with the sites new make over. (TNT you should have gave us some warning!) The codes should also be FireFox and IE friendly. Take and use any of the codes. Feel free to change any of them to sute your likes. And to host any of the pics i'm using. They all are from neopets.com unless other wise stated.

If you have any questions
Mail Me.

But please remember NO theme request at this time.

Go Here to enter your profile code.

OR at the top links.. "my account" then "edit profile" then the section "about me".

Resolution

A BIG HELP with the new site make over is that if you set your computer screen Resolution to 1024 x 768 (Or there close to that.) Just go one size different than you have now. ITS MUCH BETTER!! It gets rid of the scroll bar across the bottom of the pages.

To change the Resolution:
On your desktop. Just anywhere in the open. Right click. It brings open a box. Go to "Properties". Then the next box that opens is called "Display Properties". It should have tabs at the top. Go to "Settings". There on that page you will be able to change your Screen Resolution. : )

If the above why does not apply to your computer. You can try: Bottom left corner "Start", then "Control Panel". Should be an "Appearance and Themes". On that window change the Screen Resolution.

FireFox

FireFox Scroll bar not working??
I have figured it out. :)

When setting the div part for width and height. Like so.. width: 268; height: 127;

Make sure you add px to those numbers like so.. width: 268px; height: 127px;

FireFox is VERY PICKY about its coding rules. Have to have every detail just right.

Coding Short Cut

If you have done any coding you know sometimes there are alot of codes and your only alowed so much space on your lookup to have a discription. To have on space when coding your links you can leave off the first part of the address of neo site links. As follows:

(a href=www.neopets.com
/~ZeusTheFirst)Aprils Coding
Help(/a)

Leave out the www.neopets.com
Sooo it will look like:
(a href=/~ZeusTheFirst)Aprils Coding Help(/a)

Avatar Pics

To change the avatar's under the "Newest", "Favorite" & "Wanted" sections of some of the lookup designs you need to: Go to your avatar list..or any avy you see on the boards or avatar.starried.net and right click on the avy's pic and go to "Properties" That will give you the pics url address to use on the lookup.

It will look something like this.
http://images.neopets.com/neo
boards/avatars/zafara_helpful.gif

Re-Designs

Below is a list of user that have took my layouts and made them their own. :) Great job everyone!!
ciarraikat
charmed_is_phoebe
aquarius_star_75
beardeddragongurl
_lady_storm_
heaven_sent_angel14
tialynn
domineque
purplejet39
baby_t4
sashae538
shedevil80t
charmed_desires
wandaswildwon's Shop
wandaswildwon's Gallery
alohaamby
wiccan_wolf
sabre_glade's shop
emmileyloohoo's shop
punkitycat
siri_magatsu
gallopinghooves
nemschery
kreepyjess
hermiones_twinn22
dnagengos
adult_mummy's guild
dalseman's shop
dalseman's gallery
hermionegranger_xx
colortherainbow
neomommy1967
shadowthehedgehog175
swibbles
flowerpower6758
angels_kiiss
angels_kiiss's gallery
_pikapoo_
looknforgold
Garlecio's pet lookup
lady_of_tepkye
catz1313
artist825
the_daedalus
jilla976
triple_godess
red_panda_girl_
_heart_snatcher_
luver_of_dragonz
krick_97
qazplo_t_m
in_the_air_tonight
molypoly1
prplfaerie68
inuyashachick786
hire_chan
thybutterflyprincess
angelhunny247
purplemoonkitty
13mgoch's shop
sailormoon
jakelupe810
12cristina12
hogwartspirate
corgi_luver_32's guild
hire_chan
moonie128
loonypinkpink
amberrosey's shop
countrygirl_1993
i_luv_my_kids59's gallery
i_do_bad_things
iluv33v33
yarelui
goldenguppy_panda63
horsesrule0793
wolves_tears1990

*If you have edited my coding and would like your lookup here, Mail Me. :)

Link Back To Me












~ Aprils Coding Help ~

}{ Layout by April. }{

I am currently looking for new banners to link back to me.. if you have any ideals or one you would like to design and allow me to use here on this page please mail me.

Current News

Thank you for all your neomails. I do know that most of my pics/backgrounds are messed up. My photobucket account has exceeded the use. There is not really much I can do about this right now. Other then moving all pics to a diff account or new site.. well thats just way to much work/time.

New Lookup

Stars Above

Farie

Cybunny Welcome

Feb. 6th, 2008 - Newest page adds:

Pre-Designed Lookups
Snot, Eww...
Bad or Good?
Green Light
Cans of Joy
Purple is Nice

Last 14 Backgrounds

Coding Guide

I AM NOT CURRENTLY TAKING REQUEST, THANK YOU FOR NOT MAILING ABOUT ONE.

WHERE TO ENTER YOUR CODES..
Go Here to enter your profile code.

OR at the top links.. "my account" then "edit profile" then the section "about me".



My codes are designed to work with hex code numbers.
Example: #ffffff - being White
In the below coding replace #COLORCODE with
your color number. If you do prefer
to use worded colors like "White" remove
the "#" and just place your color word.

background-color: #COLORCODE;
background-color: #ffffff;
background-color: White;

You can find a GREAT color chart @
december.com/html

.:: Important Please Read ::.
ALL of the below codes should go between Style tags. Like so..



Outer Background

Inter Middle Background

Page text:

Page links:

Horizontal Bars:
Use this code in your style tags:

AND to place your Bars where you want them on your page.
Simply use < hr > (with NO spaces) in your writings/page info.

To center text:
Do NOT put in style tags.
Just place before the text you want centered.

Border around shop/galleries pics:
If you want NO border just use number "0"

Remove sidebar of Pet and Friends:

If you have a "grey" section after removing the sidebar,
you need to set the main width:

To remove the top and bottom header/footer/banners
(with the links, not the ads):

To remove ads (with the non-premium):
Special thanks for this coding from royaladybug.com

Not all ads are being removed. Tnt is changing things again.

This code will get your shop/gallery ready to start
designing your layout. It will remove the Horizontal Bars,
Sidebar, Header, Footer and most Ads:

To adjust the main/body of a table
with absolute position:

(Does not work for pet lookups)

Having trouble with the "white" in the background? Try:

OR

To change the White in the "Shop & Gallery" background:

To change the Border in the "User Ino
Collections" and so on: (If you want NO border simply change the 1px to 0px)

Outer border:

Inter border:

To change the header of "User Info" and so on:

To take OFF the "Collections" "Shop & Gallery" and so on:

To take OFF the "User Info":

To change scroll bar colors:

OR
(this one is the best)

This should make EVERYthing trasparent for the lookup:

For those of you that make your own Header background,
here is a code to change the "Welcome," & "NP:" text color:


This code was submitted by friskysquirt. Ty!

And also for the Header background,
here is a code to change the Links text color:


This code was submitted by friskysquirt. Ty!

Div table. Like the diff. sections of my page.
The scrolling boxes (If you want NO border just take out that part or have it set to "0px"):

A Basic Table with a Background
You will have to add your own Colors and Background Pic:

To make the little code boxes. Text area's.
Put this in your style tags

And then where you want the box and coding.

How to make my pretty headers:

This coding goes inside the (style) tags like the rest of the above coding.
h1 is the name of our header section.
Lets start with the basics.

Background Color:
h1 {background: #b5dbde;}

Text Color:
h1 {background: #b5dbde;
color: #eeeee6;}

Text Size:
h1 {background: #b5dbde;
color: #eeeee6;
font-size: 8pt;}

Text Alignment:
h1 {background: #b5dbde;
color: #eeeee6;
font-size: 8pt;
text-align: center;}

Header Width:
h1 {background: #b5dbde;
color: #eeeee6;
font-size: 8pt;
text-align: center;
width: 100%;}

Padding around Text:
h1 {background: #b5dbde;
color: #eeeee6;
font-size: 8pt;
text-align: center;
width: 100%;
padding: 3px;}

All together:
h1 {background: #b5dbde;
color: #eeeee6;
font-size: 8pt;
text-align: center;
width: 100%;
padding: 3px;}

That will give you this look

Now that we know that. Lets add style to
the header to make it look more Button like.

Borders:
h1 {
border-top: 2px solid #68205a;
border-left: 2px solid #68205a;
border-bottom: 2px solid #68205a;
border-right: 2px solid #68205a;
}

This should be pretty easy to work out. Each side has its own coding.
Top, Left, Bottom and Right sides.
Width of border ( 2px )
Border style ( soild )
Color ( #68205a ).

Adding the same size ( 2px ) to each side will give you a box look.

To have the raised button look. We need to change
the left and bottom borders two
numbers higher then the other sides. Like so:

h1 {
border-top: 2px solid #68205a;
border-left: 4px solid #68205a;
border-bottom: 4px solid #68205a;
border-right: 2px solid #68205a;}

To get:

Now we need to lighten and darken our borders
to help with the raised effect.

What to lighten:
h1 {
border-top: 2px solid #f7fcfd;
border-left: 2px solid #f7fcfd;
border-bottom: 2px solid #68205a;
border-right: 2px solid #68205a;}

What to Darken:
h1 {
border-top: 2px solid #f7fcfd;
border-left: 2px solid #f7fcfd;
border-bottom: 2px solid #68205a;
border-right: 2px solid #68205a;}

Giving you:

Now the basics with the bordering:

h1{
border-top:2px solid #ca8ebb;
border-left:4px solid #ca8ebb;
border-bottom:4px solid #68205a;
border-right:2px solid #68205a;
background:#ab6399;
color:#eeeee6;
font-size:8pt;
text-align: center;
width:100%;
padding: 3px;}

Got all that? Hope so :) Now that we have the coding for
the headers made. We have to learn how to add the header to
the text of the lookup. Don't worry this is the easy part.

< h1 >About Me< / h1 >

Yep! That's it. Just add your header title between your start and end h1 codes.

*** Make sure you leave NO spaces. I had to space
out here so it would not pop into this pages headers.

One last tip/trick!
For lookups to have the text headers and the "User Info"
header to all match. Add the follow to the h1 section of the code.
Like so..

h1, .contentModuleHeader, .contentModuleHeaderAlt {
border-top:2px solid #ca8ebb;
border-left:4px solid #ca8ebb;
border-bottom:4px solid #68205a;
border-right:2px solid #68205a;
background:#ab6399;
color:#eeeee6;
font-size:8pt;
text-align: center;
width:100%;
padding: 3px;}

Here are some handy "links" coding. Double row:
» Pet CentralExplore the World » Play Games « Your MailboxGo Shopping «
» Talk to All » What's NewGet Help « Layout «

Here are some handy "links" coding. Single row:
| Central | Explore | Games | Mail | Shops | Boards | News | Help | Video | Mall | Layout |


If you are looking for a certain code Or need a certain code broken down like the above Headers. Mail Me a request of a code. I may not answer your mail back, but please keep check here at my page for the code request.

Simple Colored Lookups

Pink on Green

Teal -n- Grey

Turquoise -n- Blue

Black -n- White

White -n- Black

Pink -n- White

Black -n- Dk Purple

Golden Pink

Black -n- Silver

xxxxxxxxx

Backgrounds to go with Simple Lookups

Or any pages.

Code on the TOP is whole background code to add to anypage.

Background pic in the middle.

Code on the BOTTOM is just the backgrounds URL to add into the Simple Colored lookup codes in above section. ( In the very top part of the lookup code fine body {backgound:url( ) fixed;} Place the Bg url in between the ( ) in the code there.)

Ok this just got more complex!
If you are trying to add just a background to a page AND your page still has the top neo header (with all the links) you will need to do a bit of changing to the code. Instead of body you need to use #main. This is because when you have the header being used it does not allow the "body background" to show. The Main section shows thru as the background.































































































































Pre-Designed Lookups

Stars Above:


Cybunny Welcome:


Faerie:


Snot, Eww...: