Account Game Explore News Shop
日本語

Hello, kacheesy11.
So here are a few original layouts I made and want to share with you
I also am making some tutorials on simple html and css. So enjoy!
You can use all of the layouts I made here but please don't say they are yours!

Quick Links

Contact Me
Basic HTML Guide
Custom User Lookups
Pet Page CSS Coding
User Lookup CSS Coding

Simple HTML Guide :3
Copy and paste the information provided into a description,
or html box on Neopets to see effect.
You will have to supply your own colours and images at some times.
In this section I will not be using any style tags, it will just be for direct coding.
If you would like to know how to use those a bit more go to the CSS section of my tutorial.
Quick Links

Back to Top
Editing Text
Inserting Images
Links
Bullet ans Number Lists

Editing Text
Simple Text Editing
bold

Strike

Superscripted

italics

Changing Colour of Text Changing Size of Text
With this code you can easily insert text of many sizes
Size 1 Size 3 Size 5 Size 7

Changing Colour of Text

You can combine the size and colour of the text into one code as well.

Images

Inserting Images
When you are adding and image you must find its url
A url looks like this: http://images.neopets.com/new_shopkeepers/t_1667.gif
A good way to see if it is a picture url or not look for these at the end:
.jpeg .gif .png .bmp
These are only a few of the possible endings you could see.


Changing Image Size
for this code you will have to fill in two numbers,
One for the width of the image and one for the height.

Adding Borders
The number you write will be the thickness of the border
_ _ _


Coloured Borders
You can change "solid" in the code to other things such as
Dashed, Dotted or Double

Special Borders
You can experiment with random border names but here are three simple ones
Dashed Border

Dotted Border

Double Border

All Together
You can combine all of these border techniques together:

Links
Adding Links
If you would like to know how to change the
font, colour, text decoration to ALL links go to CSS.
When adding a link you simply write the url of the page you want to go to,
On Neopets you can only go to links within the site for safety.

Linking Pictures

Bordering Links
This basically works the same as pictures

Solid

Dashed

Dotted

Bullet and Number Points

Adding bullet points

Simple CSS Coding: Pet Pages
From what I have gathered, is that CSS and HTML are very different.
I will be describing CSS as anything that goes inside of style tags, or has to do with them.
This may not be CSS's actual meaning, but I am self taught and this is how I will address it!
Be warned this section will get confusing!
Mail me with any questions!

What are Style Tags?
What is special about CSS is that it gives you options to change things about your whole page easily in an organized way. for example in CSS you are able to set a standard for which all tables should appear on your page. This could be that they all have green borders. Making the CSS for this will make organizing your page much easier! And less of a hassle as well... after you learn how.

Style tags are what your CSS will always be contained. It will only work in Style tags. Start with this:

With this we can begin with the body of your pet page!


Editing the Body
This is what your whole background of your page will appear as.
The background color and other features can be edited.
If you do not want to edit one of the categories below simply delete them.
Place the following in between your two style tags!
Read along the image I have of the coding, and then use the boxed below to create your own design!
All bold black font words can be interchanged with words in the code!


Simple User Lookups
**drag picture to url bar for full size**

R a i n b o w

Blue

Green&Orange

Custom layout
insert your own colors

#FF0000 #FF6600 #FF9900 #FFCC00 #FFFF00 #99FF00 #00CC00 #009999 #0033CC #330099 #660099 #CC0099
#B20000 #B247000 #B26B00 #B28F00 #B2B300 #6BB200 #008E00 #006B6B #00248E #24006B #47006B #8E006B
Link Back!

Listed at:




Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

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