Yorinezu got their homepage at Neopets.com

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
d
d
d

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~~
<strike>TEXT HERE</strike>

^{Superscripted}

italics
TEXT HERE

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
YOUR TEXT HERE

Changing Colour of Text
TEXT HERE

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

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

<textarea><img src="/yourimagehere.jpeg" style="border: NUMBERpx solid COLOR;">

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

<img src="/yourimagehere.jpeg" style="border: 3px dashed;">

Dotted Border

<img src="/yourimagehere.jpeg" style="border: 3px dotted;">

Double Border

<img src="/yourimagehere.jpeg" style="border: 3px double;">

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

<a href="/YOURLINK"><img src="/YOURIMMAGE.gif"></a>

Bordering Links
This basically works the same as pictures

Solid
<a href="/YOURLINKHERE" style="border: 3px solid COLOR;">TEXT HERE</a>

Dashed
<a href="/YOURLINKHERE" style="border: 3px dashed COLOR;">TEXT HERE</a>

Dotted
<a href="/YOURLINKHERE" style="border: 3px dotted COLOR;">TEXT HERE</a>

Bullet and Number Points

Adding bullet points

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

R a i n b o w

<style> body { background: #000000; background-attachment: fixed; } background-color #000000 #main { background: fixed; background-color: black; } #main { width: 1000px; border-right: 10px solid #FF765A; border-left: 10px solid #FF765A; margin-top: 10px; } .medText, td { color: #5AADFF; } a:link, a:visited { color: #B2FF5A; text-decoration: none; } a:hover { color: white; } .contentModuleHeader { background: #FFC85A; } .contentModuleHeaderAlt { background: #FFF75A; } .contentModule { border: 0px; } .contentModuleTable { border: 0px; } #footer, #header, #ban, .brand-mamabar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt { color: #000000; } </style> <a href="http://www.neopets.com/myaccount.phtml">Account</a> <a href="http://www.neopets.com/games/arcade.phtml">Game</a> <a href="http://www.neopets.com/explore.phtml">Explore</a> <a href="http://www.neopets.com/nf.phtml">News</a> <a href="http://www.neopets.com/objects.phtml">shop</a> TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE Made by <a href="/~yorinezu">Lena's BGS</a>

Blue

Green&Orange

<style> body { background: #fff; background-attachment: fixed; } background-color #000000 #main { background: fixed; background-color: black; } #main { width: 1000px; border-right: 10px solid #B8FF67; border-left: 10px solid #C5FF83; margin-top: 10px; } .medText, td { color: #A7E75F; } a:link, a:visited { color: #B2FF5A; text-decoration: none; } a:hover { color: white; } .contentModuleHeader { background: #D7FBAE; } .contentModuleHeaderAlt { background: #EBFFD3; } .contentModule { border: 0px; } .contentModuleTable { border: 0px; } #footer, #header, #ban, .brand-mamabar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt { color: #000000; } </style> <a href="http://www.neopets.com/myaccount.phtml">Account</a> <a href="http://www.neopets.com/games/arcade.phtml">Game</a> <a href="http://www.neopets.com/explore.phtml">Explore</a> <a href="http://www.neopets.com/nf.phtml">News</a> <a href="http://www.neopets.com/objects.phtml">shop</a> TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE Made by <a href="/~yorinezu">Lena's BGS</a>

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:

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