iainscot got their homepage at Neopets.com

Hi,im so happy to see you once again #VISTOR.Do you want to make your own guide? Then,you have come to the right place!I'm going to teach you to make a guide YOURSELF! WE PROVIDE HTML &/AND CSS NEOPETS HELP FOR MAKING A GREAT PETPAGE.Remember to visit this page soon.


Getting started ----------------------------------------------------- HUMOR HOUSE COMICS.enter at your own risk HTTP://WWW.NEOPETS.COM/~VIPRESS ----------------------------------------------------- 1. Get a brief idea on what guide you want to make Think of what guide you want to make. We recommend a guide that is not seen on neopets( maybe a guide to lutari beads) or a guide that is helpful and people will go to it everyday(http://www.neopets.com/~Neo____Zafara). 2. source for infomation Go to any search website to gather infomation. We recommend that you find two guides and compare the infomation to check whether it is reliable or not.If you are making a guide not seen in neopets, you should get infomation from past experiences( if you want to make a game guide, you must get a trophy in that game).Never give others false infomation! 3. Gathering infomation Make a note of what things you wanna put in your guide.Most importantly, save the guide link to your favourites for furthur reference. 4. Planning your guide Plan on which petpage you want to put your guide in. Delete all the information in that page first.Plan on the order of the information( take it as if you are writting a composition.Put the most important points first). Plan on how your guide should look.

backgrounds
Backgrounds are essential for making a webpage.What would you feel like if on goes into a page of white? Thus, we use backgrounds to brighten up the page and give a good impression on others.
Tiled backgrounds <style> body { background: -blocked- image -blocked- fixed; } </style>	Stretch background <style> body { background: -blocked- -blocked- fixed no-repeat right bottom; } </style>

2.Tables
Tables are the main backbone of a guide.They help to organise data
A Basic Table <table border="2" cellpadding="5" cellspacing="0" width="200"><tr><td align="center" valign="top" width="200"> Add Your Tag Here </td></tr></table>	Three Columns Table <table border="3" cellpadding="5" cellspacing="0" width="600"><tr> <td align="center" valign="top" width="200"> Put Your Stuff(First Column). </td> <td align="center" valign="top" width="200"> Put Your Stuff(Second Column). </td> <td align="center" valign="top" width="200"> Put Your Stuff(Third Column). </td> </tr></table>	Table With Heading Cell And Three Column <table width="300" border="4"> <tr> <td colspan="2"><center> Put Your Title Here </center></td> </tr> <tr> <td> Your Stuff Here</td> <td> Your Stuff Here</td> </tr> <tr> <td> Your Stuff Here </td> <td> Your Stuff Here </td> </tr> <tr> <td> Your Stuff Here </td> <td> Your Stuff Here </td> </tr> </table>

Text Box
Now That You Have Learnt How To Make Tables,We Will Teach You How To Make Your Very Own Text Box Type this in your guide: Eg: HOW TO MAKE A GUIDE TUTORIAL/<b style="color: black; background-color: #ffff66;">HTML</b> AND CSS GUIDE/BEST LINKS IN TOWN

Special Words
Ever Wonder How To Make Your Words Bold Or Other Stuff Like That In Your Guide?Now Here Is The Time!! Bold Words Type this to make your words bold. <b>Your Words Here</b> Italics Words Type this to make your words Italics. <i>Your Words Here</i> Small Words Type this to make your words small. Your Words Here Big Words Type this to make your words big. Your Words Here Underlined Words Type this to make your words underlined. Your Words Here ^{Superscript(smaller than small)} Type this to make your words Superscript. <sup>Your Words Here</sup> Colour Change Type this to make your words change colour. <style type="text/css"> TEXTAREA { color: Your Colour; font: 10pt -blocked- Beach; } </style> Marquee Type this to make your words fly across the page. <font size="3"> <font color="000080">Put Your Words Here</font> </font> Marquee Type this to make your words zoom up. Insert Words Here HORIZONTAL FLIP Type this to make your words flip. <div style="width: 200;"> <font size="2" face="times new roman" color="#??????"> <b>your text here</b></font> </div> VERTICAL FLIP Type this to make your words flip upwards. <div style="width: 200;"> <font size="2" face="times new roman" color="#??????"> <b>your text here</b></font> </div>

Images
A Website Without Pictures Would Be Boring And Uninteresting. 1.Getting started Go to any picture sharing websites and get the link to the picture you want to put in your guide. 2.Putting pictures in your website Type this to put pictures in your guide: (img src="Your Image Link")remember to change() into 3.Putting your desired image into the Internet These are the steps needed: 1. Make a image a)using paint b)saving a picture from the net by left-clicking on the picture and click "save picture as". 2.Uploading it either by using imageshack.us(recommended) or by photobucket.com 3.Get the image link (For imageshack.us, take "direct link to image") 4.Add the link into the code above(img src="Your Image Link") 4.Aligning Pictures 1.Align Right(refer to picture) Type this: (IMG SRC="Your Image link Here" ALIGN="right")replace() with 2.Align Left(refer to picture) Type this: (IMG SRC="Your Image link Here" ALIGN="left")replace() with 3.Align center(refer to picture) Type this: (IMG SRC="Your Image link Here" ALIGN="center")replace() with 4.Fancy i)Mouse Overs(these mouse overs are copyrighted by http://text.mbif.net,for more mouse overs,go to http://text.mbif.net) BLUE WATER <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/animatedwater.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> BLUE RIPPLES <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/blueripples.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> CANDY CANE STRIPES <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/candycane.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> FIRE <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/aniflame2.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> FLASHING JACK-O-LANTERNS <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/3dpumpkinmoani.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> GREEN AND BLACK <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/greenslide.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> INTERNATIONAL FLAGS <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/international.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> LIGHTNING <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/lightningline.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> PASTEL SPARKLES <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/smallpasteltwinkle.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> RAIN ON BLACK <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/darkrain.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> RAINBOW ON BLACK <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/nightbow.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> SILVER SPARKLES <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/ubersparkle.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> SPINNING SHAMROCKS <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/shamrockmo.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> STARBURST ON BLACK <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/spinstar.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> STARS ON BLACK <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/movingstars.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> VIBRANT RAINBOW <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/anibow.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> WHITE SNOW ON BLACK <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/whitestarsnow.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> WHITE SNOW ON BLUE <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/fallingsnow.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center> YELLOW SMILIES <style type="text/css"> a:hover { color: -blocked-; background: url("http://www.mbif.net/backgrounds/yellowsmiles.gif"); } </style> <center> <p><img src="http://www.mbif.net/banners/mobannerette.gif"></p> <p></p> </center>

Scroll Bar
This code change the colour of the scrollbar(from blue to your colour) Changing Scrollbar colour Type this to change your scrollbar: <style type="text/css"> body { } </style>

HTML words and meanings
Do You Know Whats The Meaning Of HTML Words?We Will Tell You The Basics BR Typing 1 br means enter in the keyboard.Typing 2 br means to leave a line. Bg Color Bg color means background colour in short td Td means Table depth

Colour Chart
Heres is a colour chart A colour chart by funkup.com

Extras
These are the extras(not very important) 1.Adding Links (a -disallowed_word- our link here)change the brakets()to 1.Cursors <style type="text/css"> BODY { cursor: -blocked- -blocked- -blocked-; } A { cursor: -blocked- -blocked- -blocked-; } </style>

Banners
Banners are very important to a website. We are going to teach you how to make a banner from grsites.com in 10 easy steps. 1.Go to Http://grsites.com 2.Click on the "GRSites Button Maker 3.Choose your button type 4.Add your texture (or click on how do i choose and Absolute Background Textures Archive) choose your button shape 5.Choose button height and width(120 by 100) 6.Enter your text(what you see on button) 7.Choose your text colour 8.Choose your background colour(we reccommend transparent) 9.Choose font(use a unique font to make your button special) 10.Click make my button and right click on the picture of your button and "click save picture as" and upload it into imageshack or photobucket PUT THIS IN YOUR GUIDE: (br)(table)(tr)(td)(div align=center)(img src=your picture link here)(/div) (TEXTAREA) (a -disallowed_word- our website here )(img src=Your Picture Link Here) (/TEXTAREA) Please replace (brackets)to

fake awards
These are pre-made awards for you.(awards can be a kind of advertisment) just right click on this and copy.paste it into paint and edit it.

Best guide awards 2006

The 2006 Best Guide!If You Think Your Guide Is The Best And It Is Not Under Any Of Our Category,Feel Free to Neomail Me Here.The Directory Is Currently Closed,So Your Link Would Be Added In 2007 Best Guide Directory.

Best Guide Awards 2006
Petpetpet Help	Petpetpet Why I choose him? His Award Winning Page Is Very Detail And His graphics Are Very Cute!
Avatar help	Avatar Why I choose him? It is so far the most detiled avatar help.
Battledome Help	Battledome Help Why I choose him? It Has Alot Of Information About Rare battledome Weapons.
Stock Market Tips	Stock Market Tips Why I choose him? It Has Translations To Many Languages.
Scammed Help	Scammed Help Why I choose him? It tells us about scammed help in very organised manner.
Petpet Help	petpet help Why I choose him? It Has Featured alot of petpets,and is the most informative petpet help in neopets
Game Guide	Game Guide Why I choose him? It shows us How to Make 20k In 30 minutes!
Screenies	Screenies Why I choose him? He Has Many Unique Screenies And Have Alot Of Good Awards Commenting About His Screenies.
Graphics(backgrounds)	Graphics(backgrounds) Why I choose him? He Has Many Unique Screenies And Have Alot Of Good Awards Commenting About His Screenies.
Lab Ray Diary	Lab Ray Diary Why I choose him? He Has A Long Diary,Longer Than Others.
VOID Directory	VOID Directory Why I choose him? She Has Almost All The Guides In Neopets And You Can Find Your Help Easily.

We hate Goodbyes But...

Below Are Links Linking Back To Our Page,Feel Free To Put Them In Your Guide.

How To Make A Guide Help
&
BEST GUIDE Directory

My Awards

+++++-First Award:

+++++-Second Award:

BEST HTML GUIDE
AWARD
BY
EVERYBODY_1_1

Links / Affliates

Links

Photo Sharing and Video Hosting at Photobucket

Get your FREE sparkly from Gnights_that_say_Gni

Chechay's Petpetpet Guide
Click Here
You will not get dissapointed

A.A.G.K.

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