Please Wait. Page is Loading...

» Being Polite

Let's face it, people can be annoying. Don't gasp like that, because you know it's true. And with those millions of users out there, there is no possible way that you can be best pals with all of them and be well liked by everyone. But, it is possible to be polite to everyone, no matter how hard. There are just some simple things that you have to keep in mind

You're REAL?
The first is that these are real people you are talking to, not usernames. And people generally have feelings. So, if you wouldn't say it to a person's face, don't say it on Neopets. I think they teach you this when you go into kindergarten.

Don't you honey me!
The next is stop with the honey, darling, etc. If you must say something to someone don't say these words that make the person you are talking to feel three years old. It's extremely annoying especially if you would like an answer to a question and all you're hearing is "Honey, what are you doing here," because that's not telling people what you want to tell them. So, instead of saying that and people not knowing what you mean, say "I'm sorry, this is the wrong board for that. Try the ____ board.

Revenge Rating
Lets say that you wanted something to be rated on the boards. Well, some 'mean' person comes by and they say that your rating is a 0/100 and worthless. Then they ask you to rate something of theirs. You should totally give them a -100/100!

This is called revenge rating and is terribly rude. The rating you got was just that one person's opinion and they were actually trying to help you out by saying that it wasn't good and that your needed to fix it. They were trying. However, if you just go back and say that their page was worthless, you aren't trying and that could cause them to feel that something is horribly wrong with their page when there isn't. So, you are the mean person.

Look at me! I'm Miley Cyrus!
Agghhhh! These boards make me want to tear my hair out. They're not funny, they are simply annoying, and the worst thing is that people keep bumping up these boards by arguing with the creator of the thread.

So, please do not pretend to be someone you're not on Neopets. Everyone knows that the real Miley Cyrus' username wouldn't be imileycyrus12343. So, try your hardest not to create these annoying boards and if you see one, don't bump it up by arguing with them. Just ignore it.

Reporting
This is a touchy subject because everyone thinks different things based on reporting someone. Here are the steps most people agree you should do though when you need to report someone

1. Tell the person that what they are doing is against TNT's rules. They might not know, and usually after you tell them, they will stop doing whatever it is they are doing. No need to report! However, if they don't stop...
2. You can report. Do this with caution though, Neopets doesn't like people being reported who really didn't do anything wrong. So, please use your head and don't be report happy.

Lyk OmG
This is a major pet peeve of most of the people in the HC. Now, if this is how you chat to your friends while neomailing or chatting on your guild board, that's perfectly fine. However, it's frowned upon on the Neopets Boards, and unacceptable on the Help Chat. It all comes down to respect. Would you talk to your grandparents like that? Because who knows, you might be talking to them. 0_o How's that for a thought?

You spelled that incorrectly
Correcting someone's grammar is one of those maybe circumstances. So, when someone is asking you a question and you notice that they spelled one or two things wrong in their post, just let it slide! No need to embarrass them, especially if it's a long word, or obviously a typo. But, if you feel that you need to correct their mistake or burst, there is a polite way of doing it.

First of all, don't just fix their grammar and leave. Not polite. If you're going to fix their grammar, at least take a shot at answering the question. Also, try to do it nicely don't just say "Embarrass isn't spelled Embarass you n00b!" That is a horrible thing to say. Instead go with "Hi, I noticed you spelled Embarrass wrong, the dictionary spelling is Embarrass. I understand though, because it took me forever to learn that word!

That leaves the person feeling like they're not the only one, even if you could spell it in your sleep since you were five. People could answer to your post about their spelling in two ways. 1. They could thank you for correcting them 2. They could get defensive. Which one they become depends mostly on what you said to them.

Trolling
This is something that is kind of creepy. What trolling is, is when you randomly say mean things on a board or follow a user from board to board, usually saying rude things. Really, people? I mean, come on. This is very childish. If you don't like a Neopets user that much, block them. You do this by going to My Account, Neomail, Block. Then you type in the person's username. Boom. You no longer have contact with each other and as long as you don't end up on each others boards, you'll never hear from them again.

n00b-be-gone
A n00b. Not to be mixed up with a newbie, is a player that is annoying, immature, or otherwise unlikeable. N00bs do things like scamming, spamming, and trolling, and are looked down upon in Neopian society. If someone calls you a n00b, you were probably harassing someone or, they are at fault and think newbies to be n00bs. So, just try not to be a n00b, and don't call everyone you see a n00b.

Please and Thank you
How many times have you heard the word please on the Neoboards? I think I've seen it 4 times, 6 tops. But, it's one of the simplest forms of manners. In kindergarten you learn what the "magic word" is, so now that you're older, use it! Just because your mother isn't looking over your shoulder is no need to lose your sense of rightness.

Spamming
Spamming is when you either go to, or make a board and say things that are irrelevant to what is being discussed, or, you are stating things that do not belong on that board. For instance, asking the BD if anyone can lend you MSPP could be considered spamming if you continue to ask, when they have already told you that you are on the wrong board. Also, constantly saying random things that have nothing to do with what is currently going on could also be considered spamming.

Now, while spamming is annoying, just try to ignore the spammer. Try not to report, because TNT are very busy people, and aren't that interested in one little spammer. Just don't bump up the board by arguing with the person and hopefully they'll just go away. Unless of course the spammer is saying rude or inappropriate things.

Woo
That's a lot of stuff to remember when on the NeoBoards, right? But really, just remembering common manners and being on guard is all it is. If though, you have met someone who seems to be lost in the NeoBoards, you may refer them to this page so they can learn all the stuff that comes with having a Neopets account.

So, good-bye! *weeps* If you like this tutorial though, check out our others too!

» What are Fonts/Siggys?

Familiar Territory
Ah, fonts and siggys. Something that I love to do in my free time and know all about. And now it's time to teach you, young one. But first, it would probably be best to show and tell you what fonts and siggys are, and what the difference is between the two.

What are they?
A font is the way your lettering looks when you type it on Neopets' boards. A siggy is a signature that can be above your text, below your text, or both. Because I know this is kind of hard to grasp when reading it, I'll show you three examples of posts on the Neoboards.




Font
This is an example of font and only font. You can see that they made their words bold, but there is no words or pictures surrounding the text. So, whenever she types, only the text that she types shows up. That means that the person has no siggy.


Siggy
This is an example of a siggy or signature. The person who made this post will have the music notes and phrase "Chomby Love" every time they post, but their text will change. As you can see though, they did not use font because their text remains unchanged. It is the normal, default Neopets font.


Font and Siggy
This last post had both a siggy and a font. You can see the siggy was the purple, pink, and blue. Her text was small and centered, so that was her font. So, she has them both!

Don't know what I'm talking about?
If I still didn't explain it right to you, hop on down to the HC boards and they will be happy to tell you what fonts and siggys are in a way that makes sense to you. However, if you do understand what they are, let's continue.

Getting One
So now that you know what siggys and fonts are, you probably want to get one so that when you post on the message boards, you look all hip and groovy. Well, there are two possibilities. 1. Get a pre-made 2. Make one yourself.

Pre-mades are very simple to get and generally look really cool. There is no shame in having a pre-made siggy and font like there is in having a pre-made guild layout. They are suggested for people who don't know how to make fonts and for people who don't have the time.

Making a font/siggy yourself is often difficult though and not suggested for those with little time on their hands. If you wish to learn how to make fonts however and you know some HTML, try to learn by taking other people's pre-made fonts apart and seeing what does what. That's how I learned almost everything I know about how to make fonts. Also, you can use alt codes in your siggy. Alt codes are little pictures that are created when holding down the alt key and then pressing a number. These pictures include hearts, faces, and arrows. For a listing of some popular alt codes, check out our section alt codes (coming soon!).

Putting it on
To place a siggy/font on your posts, (Assuming you are using a pre-made. If you aren't, then you will have to fill in all your coding yourself) go to Boards, Preferences. A page will come up. The first box on this page is where you can change your avatar. To learn more about avatars, visit out avatars page. The next box is where you can change your NeoTitle. This is something you can just choose. It is displayed on your posts below to your avatar. Then there is a box that says NeoHTML/Signature. You paste the first box of coding that you copied into the first long rectangle here. Then you go back to the pre-made site and copy the second box of coding. Come here and paste this coding into the second box rectangle. After that, you scroll all the way to the bottom of the page and click submit.

» Abbreviations

What the?
So you're chatting on a board to someone and all the sudden they say something, but you're not sure what it stands for. So, if you're like me and you don't want people to know that you don't know what that is, just make sure you have a window or tab with are abbreviations page open, and you'll be an internet chat speak king or queen in no time!

Below you'll see abbreviations listed in alphabetical order and next to them what they mean. Pretty simple.


Neo Quest

#
1337	Elite
133T	Elite
2	To / Too
A
AC	Avatar Chat Board
AFAIK	As Far As I Know
AFK	Away From Keyboard
AFTK	Away From The Keyboard
AKA	Also Known As
AISI	As I See It
ASAP	As Soon As Possible
ATM	At The Moment
ATSL	Along The Same Line
Av / Avvie	Avatar
AWOL	Absent Without Leave
AYOR	At Your Own Risk
B
B-Day	Birthday
B/C	Because
B4N	Bye For Now
BAK	Back At Keyboard
BBL	Be Back Later
BC	Beauty Contest
BD	Battle Dome
BDC	Battle Dome Chat
BFN	Bye For Now
BGC	Bony Grarrl Club
BIC	Back in character
BIF	Before I Forget
BION	Believe It Or Not
BN	Badly Named
BOT	Back On Topic
BRB	Be Right Back
BTW	By the Way
BTY	Better Than You
BUMP	Bump Up My Post
BWL	Bursting With Laughter
C
C	Converted / See
CC	Caption Contest
CF	Congrats Feeding
CG	Cookie Grabber
CIL	Check In Later
Collat / Coll	collateral
COT	Check Other Trades
CU	See You
CU2	See You Too!
CY	See You / Cybunny
CYL8R	See You Later
D
DIY	Do It Yourself
DK	Don't Know/Donkey Kong
DL	Down Low
DN	Decently Named
DSOD	Darigan Sword Of Death
E
ET	Editorial
ETS	Easy To Sell
F
FAQ	Frequently Asked Questions
FC	Fan Club
FF	Firefox
FFQ	Faerie Fountain Quest
FL	Faerie Land
FTL	Faster Then Light
FTP	First to Post
FTW	For The Win
FQ	Faerie Queen
FQD	Faerie Queen Doll
FTW	For the Win
FYI	For Your Information
G
G2G	Got to Go
GC	Game Chat
GFN	Gone For Now
GG	Good Game
GJ	Good Job
GL	Good Luck
GLS	Good Luck Selling
GLT	Good Luck Trading
GMTA	Great Minds Think Alike
GTCU	Great To See You
GTSY	Great To See You
H
HAY	How About You?
HBY	How 'Bout You?
HC	Help Chat
HP	Hit Points/Harry Potter
HQ	Head Quarters
HR	Halloween Ruki
HT	Hidden Tower
HW	Haunted Woods
I
IC	I See
IDK	I don't know
IE	Internet Explorer
IHU/IHY	I hate you / I Hug You
ILU/ILY	I love you
IMO	In my opinon
IM(NS)HO	In my (not so) humble opinon
INPO	In No Particular Order
IRL	In Real Life
ISS	I'm So Sure
IQ	Island Quiggle
J
J/W	Just Wondering
JAS	Just A Minute
JAS	Just A Second
JIC	Just In Case
JK	Just kidding
JMO	Just My Opinion
JSYK	Just So You Know
JW	Jelly World
K
K	Thousand/Okay
KI	Krawk Island
KIT	Keep In Touch
KK	Okay
KWIM	Know What I Mean?
KQ	Key Quest
L
L8	Late
L8R	Later
LC	Lenny Condrum
LD	Lost Desert
LEET	Elite
LMHO	Laughing My Head Off
LOL	Laugh Out Loud
LOTR	Lord of the Rings
LTNO	Long Time No See
M
Meh	My/me/eh
MI	Mystery Island
MIA	Missing In Action
MOF	Matter Of Fact
MOTM	Member Of The Month
MOTW	Member Of The Week
MOTY	Member Of The Year
MP	Morphing Potion
MS	Microsoft
MSP	Malevolent Sentient Poogle
MSPP	Malevolent Sentient Poogle Plushie (TCG)
MTFBWY	May The Force Be With You
MYOB	Mind Your Own Buisness
N
N/A	Not Available
NBD	No Big Deal
NC	Neo Cash
NF	Neofriend
NM	Neomail / Neomail Me
NOYB	None Of Your Business
NP	Neopoint(s) / No Problem
NR	Neopets Related
NW	Neopian Writers Board
NTY/NTU	No thank you
NQ
NQA	No Questions Asked
NQII	Neo Quest T2
NTO	Not Taking Over
NTW	Not To Worry
NVM	Never Mind
O
O	Oh
OBO	Or Best Offer
OBTW	Oh, By The Way
OIC	Oh, I See
OIS	Oh, I See
OG	Orange Grundo
OMW	On my Way
OOC	Out of Character
OP	Original Poster
OTB	Offer To Beat
OTFL	On The Floor Laughing
P
P/C	Price Check
PB	Paint Brush
PC	Personal Computer / Pound Chat
PDS	Please Don't Shout
POS	Parent Over Shoulder
POTM	Pet Of The Month
POTW	Pet Of The Week
POTY	Pet Of The Year
PPL	People
PPPB	Petpet Paint Brush
PWN	Own
Q
QT	Cutie
R
R	Are
RAOK	Random Act of Kindness
RB	Royal Boy
RE	Random Event
RF	Refresh
RFP	Read First Post
RG	Royal Girl
RI	Roo Island
RL	Real life
ROFL	Rolling on the Floor Laughing
RP	Role Play
RPG	Role Play Game
RS	Restock
RWN	Real World Name
S
SDB	Saftey Deposite Box
Siggy	NeoSignature (Signature)
SF	Space Faerie
SLM	Secret Lab Map
SOW	Speaking Of Which
SPAM	Stupid, pointless, annoying messages
SSW	Super Shop Wizard
SuAP	Super Attack Pea
SW	Shop Wizard
SWDYM	So What Do You Mean?
SWDYT	So What Do You Think?
T
TAFN	That's All For Now
TBH	To Be Honest
TC	Trading Card
TCG	Trading Card Game
TDMBGPoP	The Discarded Magical Blue Grundo Plushie of Prosperity
TIA	Thanks In Advance
TM	Terror Mountain
TMI	Too much information
TNT	The Neopets Team
TP	Trading Post
TTBOMK	To The Best Of My Knowledge
TTFN	Ta-ta for now
TTLY	totally
TTYL	Talk to you later
TY	Thank you
TYSM	Thank You So Much
TYVM	Thank You Very Much
U
U	You
UB	Unbuyable
UC	Unconverted
UFA	Up for Adoption
UFT	Up for Trade
UL	User Lookup
V
VBD	Very Badly Named
VWN	Very Well Named
W
W/	With
W/E	What ever
W/O	Without
WAYD	What Are You Doing?
WAYT	What Are You Thinking?
WB	Welcome Back
WBU/WBY	What 'bout you?
WDYM	What Do You Mean?
WDYT	What Do You Think?
WOMBAT	Waste Of Money, Brains, And Time
WPM	Words Per Minute
WN	Well Named
WRYD	What Are You Doing?
WRYT	What Are You Thinking?
WTG	Way To Go
X
X-mas	Christmas
Y
YGTI	You Get The Idea?
YIA	Yes I Understand
YW	You're Welcome
Z
ZDAP	Zafara Double Agent Plushie

» Avatars

So what are avatars anyways? It's a question many people new to Neopets wonder. And, wonder of wonders, here's the answer right here on this page!

An avatar is a little picture that, when you post on the boards or in your guild shows up next to your name. If you have never changed your avatar, it is yellow with some lighter yellow stars on it. This is one of the default avatars and everyone has it. There are many other default avatars that everyone has (61 to be exact) that you can change to.

To change your avatar, go to boards, preferences, and then to the first box which says "avatar." There should be a picture of your current avatar, a drop down menu, and a picture of the avatar you're previewing. Once you choose an avatar, scroll to the bottom of the page and click submit. Then, go and show off your avatar in the boards!

There are also many, many secret avatars that not everyone has. These can be achieved by random events, doing something, or clicking on something. These are the things most peoplecollect just so they can show them off. Also, it looks cool when people look at your lookup and see how many avatars you have. A lot and you look really experienced. So, the following are ways to get some of the secret avatars. Obviously I can't post all of them because they're secret!

It's separated into two categories, clickable and working. With the clickables you just click on their picture and it will take you to another part of the site and you'll get the avatar. Then you can just push your back button and click on another one.

With the working ones you actually have to roll up your sleves and do a little work for. Next to the avatar it describes how to get it. So, get to work getting all those fresh, new avatars to show off. (:

Clickables

Other Avatars

	Go on a tiki tour		Score 3,500+ in Meepit Juice Break
	Score 550+ in Advert Attack		Give your pet a Prune Juice
	Random. Win something at Buried treasure		Go to Alien Vending Machine and enter a Nerkmid
	If you were a part of the Altador Cup, you can get this by going to the prize page		Equip an Angelpuss PetPet to your neopet then visit Quick Reference
	By something of a rarity 70+ from Brightvale Motery		Score 1,000+ in Attack of the Slorgs
	Be one of the people with the top 50 amount of Avatars		Get one of the top 50 scores in Math's Nightmare by 11:50PM NST
	Random. Win a battle at the Battledome		Win Better Than You challenge
	Random. Get score of 24 when playing Bilge Dice		Win in Bilge Dice ten times in a row
	Defeat the Black Ptrie in Battledome		Bless your Shoyru with a bottled faerie
	Make King Skarl laugh hysterically		Land on the flag when spinning Wheel of Knowledge
	Have a broken toy fixed at Donny's Toy Repair Shop		Paint your Buzz at the Rainbow Faerie's Fountain
	Win the first round of Cheat and catch Capara cheating		Complete a course at Swashbuckling Academy
	Find recipe that works with Bonju's Cooking Pot		Score 1300+ in Chia Bomber II
	Score 250+ in Feed Florg		Buy something with a Rarity of 90+ from Choclate Factory
	Put Chokato card in your inventory then refresh the page		Lose a game of Cliffhanger
	View inventory when holding the 10 original codestones		Equip your pet with anything with Dark Nova in the name
	Score 1200+ in Stowaway Sting

» Creating a Gimp Blog

Bloggin
Blogs are all useful. You use them to give what you're writing a little oomph so it's more interesting. They are most often seen in Neopian shops and Guilds, but that doesn't mean that you can't put them everywhere else!

So, instead of getting a boring, generic premade, make your own! Here's how to make an awesome one using Gimp.

First, take a picture from Neopet's backgrounds and crop it until it is 400px by 300px in Paint. Save, and then go to Edit, Select All. Then go to Edit, Copy. Now, open your program of Gimp and go to File, Acquire, Paste as New. Your picture for your blog should now be there, in Gimp. Yay!

Now, Go to Layer, Duplicate Layer. You should now have two layers. If you can't see the layer dock however, you should go to Dialogs, Layers and it will pop right up. Click on your top layer and look at the layer dock. There should be the word mode, and then a drop down menu next to it. You can try all the different options there. Each one will change the way your image looks. Make sure that in the end, what you choose isn't too hard on the eyes. My favorites are Multiple, Screen, and Overlay. You can also keep it as Normal if you wish. Here's how my blog looked after I chose Overlay.



The blog area
First, flatten your image by going to Image, Flatten Image. That will make it so that the layers all blend together so you don't have to keep track of them all.

Now we're going to make the part that you write your text in. First, add a layer by pushing the little icon that looks like a piece of white paper with it's corner folded down. Once you push that, a screen will come up. Push okay. You should have two layers. Now, while you are selected on the top layer, take your rectangle select and choose the area that you want your blog to be. Like this...



Filling it in
Now we're going to fill in the blog area. First, make sure that you are on the top, transparent layer. You should already be, but make sure. Now, go to your Bucket Fill tool and choose the color you want your blog to be. I want mine to be plain, old white. So, I choose for my color to be white and then, before I fill in the selected are, move the opacity to 65. Now, click on the selected area and it should fill in so that you can still see some of what's behind the blog. That's good. Push select, none.

Now, you can choose if you want to add a border around your blog area. I'm going to just for the sake of showing you how. First, change the opacity to 100% on your Bucket Fill. Now, go up to filters, Render, Gfig.... Another screen will pop up. Match yours to mine.



Outlining
So, you will want to push on the rectangle looking thing and then you will want to choose a form of brush and a different color. Preferably, for the brush, you choose a small circle.

Now to outline. Once you have the brush and color you want, go to the top left corner of your blog that we just filled in. Click, and then drag until you outline the entire blog, and then let go. You should now be able to see it on the preview and on your actual image. If the brush doesn't look right, or you're not on the lines, just push Edit, Undo on the Gfig and it will disappear and you can try again.

now, this is how my whole blog looks like....



Lettering
Now's the time to add some words to your blog. They can have significant meaning or they could go along with the theme. Either way though, they should look cool. So, these words are going to be outlined.

First, decide what you are going to say on your blog. I'm going to say "Shh, I'm hatching!" So, Now that I have my picture up, I'm going to go to my text icon and decide on a size, font, and color. (You should have a font large enough for people to see, so it should be 18+.) I decided to make my font Cheri Liney, which is a font I downloaded, and am very happy with. So, click on the image, type what you want, and then click off and use the Move tool to put it where you want it. Make sure when moving though, that you click on the actual letters.

So, once you move your text to where you want it, click to add another layer to your image, and while you're still on this new layer, click the down arrow on the layer dock to put it below your text. Now, go back to your text layer. Click Layer, Transparency, Alpha to Selection. Your text should be outlined with dashed, moving lines. Now, go to the layer below the text layer that we added just a minute ago. The words should still have that dashed line around them.

Now, go to Select Grow. Grow your selection by a number 1-5, but you can go higher. I'm using 1. Now, take your Bucket Fill tool and choose what color you want the outline to be. Next, take your bucket and fill in the selection of the moving lines. Good! Now go to Select, None. Your text should be nicely out lined.

Time to add credit to you! Since you made this blog, the credit goes all to you. So, take out your text tool, choose a font, size and color, and try to put your username in a corner of the blog, so it doesn't get in the way of what you're supposed to be seeing.

To save it, go to Image, Flatten Image. Then save it as a PNG and upload it to a site like Photobucket. Now that you're done, go to our Coding a Blog tutorial to show you how you can get this blog up and running. Also, I hope you enjoyed this tutorial and here's my finished blog!

» Gimp Glitter

Gimp
In this tutorial, I will teach you how to make any image you would like, a glitter. All you will need a program of Gimp open and ready to use and a picture. I will be using a Neopets image because they are easy to find and you know they will be appropriate. So, here's my before and after of my image.








Before


After


How to do it
So, how do you make these lovely, glittery images? Well, first, copy an image by right clicking and then clicking copy. Next, go to your program of Gimp and go to File, Acquire, Paste as New. Now your image should be in Gimp. (You shouldn't use transparent images for this, so if you're going to use a Neopets Shopkeeper like I did, you have to unclick the Transparent button.)

Click onto the fuzzy select and put your threshold at 15. Now, click on every part of the image that you want glittery. Try to make it so that it's only dark colors though, because light colors look funny when you glitter them using this method. After you are finished selecting all the parts you want to glitter, go to Layer, Duplicate Layer and then do Layer, Duplicate Layer again.

If you have your layer dock open, you will see that you now have three layers. If you don't have the layer dock open, you will need it open so go to Dialogs, Layers. Now, click onto the layer that is on the very bottom of your layer dock. It will probably be called Pasted Layer if you did it the way I have. Now, go to Filters, Noise, HSV noise. Another window should pop up. Match the setting I have.



The Rest
8, 0, 0, 255. Match them. Then, click okay and go to the middle layer. Go to Filter, Noise, HSV noise and match the settings again. But this time, put 254 as your value. Push okay and go to the top layer. Do the same thing, but put your value as 253 instead and push okay.

Your image should have little dots where you wanted it to glitter. To see your glitter, go to Filter, Animation, Playback and push play. You can edit how fast you want it to glitter, but usually, people keep it as 100%.

Now for saving, the tricky part. Go to file, save as, and select where you want to save it as and then click the little plus sign and choose to save as GIF.



Now, another screen will pop up. Just match my settings again.


And then another screen. Match again.


Done
Alright, your glitter should be saved now and ready to upload. I hope you enjoy it. But, if you decide to make your own glitters for people, it would be appreciated if you linked back. It's not necessary though.

Hope you liked the tutorial. And be sure to check out all of our other wonderful tutorials just For you! *pun*

» Coding a Guild Layout

Continuation
This tutorial is a continuation for the guild layout I showed you how to make in Paint. So, this coding is not right for any layout you might have come up with, just to give you a hint. So, I'm going to post the big, long, code; and explain later.

First of all, to change your guild layout you must have the guild layout admin. Then you go to Guild Layout, Modify Guild Preferences, and put all the coding in the Welcome Message box. Don't push submit yet though, there's stuff in my coding that you'll have to fill out first. (Everything you need to fill out is in capital letters!)
<style type="text/css"> body { background: #FFFFFF url("-blocked-") repeat-y; } A:link { color: #000000; text-decoration: none; } A:visited { color: #000000; text-decoration: none; } AHOVER { color: #000000; text-decoration: UNDERLINE; } td, p, body { color: #000000; font: 8pt verdana; } h2 { background-color: #ffffff; border-bottom: #336666 dashed 5px; font-family: harrington; font-size: 18px; color: #003399; width: 100%; line-height: 22px; text-align: right; } ul { padding-left: 50px; } #header, #footer, .sidebar { display: none; } #n, td, table { background: transparent; } #main { border: none; background: none; width: 500px; float: left; padding-top: 82px; padding-left: 38px; } .content { background: none; } .header { text-align: center; border: 2px dashed #F4547C; color: #000000; font-family: tahoma; font-weight: bold; background-color: #FFFFFF; } </style> <div style="position: absolute; top: 0px; left: 0px;"><img src="-blocked-"></div> <div style="position: absolute; top: 152px; left: 380px; width: 533px;"><table width="100%"><tr> <td><a href="http://neopets.com/myaccount.phtml">Control Panel</a></td> <td><a href="http://neopets.com/petcentral.phtml">Pet Central</a></td> <td><a href="http://neopets.com/explore.phtml">Explore</a></td> <td><a href="http://neopets.com/gameroom.phtml">Games</a></td> <td><a href="http://neopets.com/objects.phtml">Shops</a></td> <td><a href="http://www.neopets.com/neoboards/index.phtml">Boards</a></td> <td><a href="http://neopets.com/nf.phtml">News</a></td> </tr></table></div> <div style="position: absolute; top: 167px; left: 372px; width: 534px;"> <h2>Welcome</h2> THIS IS WHERE YOU WILL PUT THE WELCOME MESSAGE TO YOUR GUILD, SIMPLE AS THAT. IT SHOULD SAY WHAT YOUR GUILD'S THEME IS, WHETHER YOU HAVE AN ACTIVITIES GOING, ECT. SO PUT IT HERE HERE HERE HERE HERE <h2>News and Updates</h2> 11/11/2008: THIS IS WHERE YOU PUT ALL THE UPDATES TO YOUR GUILD, LIKE IF ANYTHING SPECIAL'S HAPPENING, A REMINDER TO YOUR MEMBERS, ETC. PUT IT HERE HERE HERE HERE HERE HERE HERE HERE HERE HERE! <h2>Council Chat</h2> <br> RACHAEL: "THIS IS WHERE YOU PUT YOUR COUNCIL CHAT. THAT'S WHERE YOUR COUNCIL GETS TO SAY STUFF LIKE REMINDERS OR SHOWING THEIR SUPPORT FOR THE GUILD. BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH! <br> </div>

What to fill in
On this code, there's some stuff that you will need to fill in. Those things are listed below along with what to put there.

BOTTOMOFYOURLAYOUTSURL.PNG: Fill this in with the URL of the small piece off the bottom of your main picture. To get the URL, have an account on Photobucket. Then, make sure your drop down menu next to the words "reduce to" says 1 megabyte file size. Not 17" screen! Then, you can upload your pictures and snag the URL.

scrollbar-face-color: #FFFFFF: You can change the colors for the scroll bar by changing the color on these. **Note, Internet Explorer users only**

h2 background-color:#ffffff, ect: If you wish to learn how to change this, look at our advanced HTML guide.

THEMAINHEADINGOFYOURGUILDLAYOUTSURL.PNG: This is where you put the URL of the main image, or heading, you created in Paint. To get the URL, have an account on Photobucket. Then, make sure your drop down menu next to the words "reduce to" says 1 megabyte file size. Not 17" screen! Then, you can upload your pictures and snag the URL.

The other stuff in capital letters: Obviously the capital letters that say, put your welcome message here, put guild council here, mean just that. Erase what I had written and put in what you want to say there.

The Headers: Headers are the things that you use to announce something new on the page. In my layout, I used the Headers Council Chat, Welcome, etc. To learn about headers, and how to change them to fit your guild style, go to our Css Guide and scroll to the bottom.

You should be good
That was easy, huh? Yep. But, if something just didn't go right for you, or something happened that shouldn't have. First, try and experiment to see if you can fix it. If you can't figure it out though, you may neomail me and ask me what's going on. After having and making several of my own guild layouts, I know a lot of problems that can arise.

Also, if you wish to see a little preview of the layout in an actual guild, visit My guild

» Coding a Blog

Coding your blog
Do you have a blog, but you don't yet know how to code it? Maybe you created one with me in Making a Blog using Gimp? Either way, it's time to code it so that you can put it on the internet.

First, make sure that you have the blog uploaded already. Have the unloading site on one window and on the other go to either edit your pet page, shop, userlookup, etc. Now, while keeping these two windows open, go to your program of Paint and open the blog that you are trying to code. Now, take your rectangle tool and trace the blog box (the part where your text will go). Now don't let go! Hold down the mouse and when you've outlined that box, look in the lower right hand corner. There should be two sets of numbers. Write these numbers down without letting go of the mouse. See my example....



Do you see how I labeled my numbers? Well, that's what those numbers stand for in the coding below. Now you have to do the same thing again, but this time, measure the whole blog. Everything. The first set of numbers should be 0, 0 so write down only the second set of numbers that you get from measuring it. These will be the blog width and height.

So, here's all of the coding. If you are a coder extraordinaire, I guess you can change it. But, it if a fragile code, and if your new to HTML and css, don't mess with it too much if you still want it to work D: Fill in all the capital letters with your info, but do NOT erase the px after the capital letters. You need to keep that. It tells the computer you are using pixels to measure, not some other form, which would mess up your glorious, hand made blog.

Credit is nice, but not required :)

<center><table background="-blocked-" width="0" height="0" border="0"><tr><td> <div style="margin-left: -blocked- -blocked- -blocked- -blocked-; margin-top: -blocked- -blocked- -blocked- -blocked-; width: -blocked- -blocked- -blocked- -blocked-; height: -blocked- -blocked- -blocked- -blocked-; overflow: auto; text-align: left; font-family: Verdana; font-size: 10px; color: #000000;"> YOUR TEXT HERE YOUR TEXT HERE YOUR TEXT HERE YOUR TEXT HERE TEXT TEXT TEXT TEXT </div> </td></tr></table></center>

» Basic HTML

Mad Guitar
ARE YOU READY TO CODE??!! Sorry, felt like having a rock moment. But really, if you feel up to it, I have created a condensed guide to HTML. However, it is no substitute for the actual guide found on Neopets which would be Neopets' HTML Tutorial. This is just a little guide you can turn to if you really don't get what it is they're saying in the Neopets one, which I doubt because it's an awesome tutorial. (:

In the beginning...
All HTML and CSS starts with brackets. Brackets are what tell the computer that it's coding. Here are what brackets look like. So all of your coding goes inside those little things.

Common Codes
The most common code you will use in your coding would be a break. A break is writtten like this

<br>
Putting one of those on your page between words will
put in a break, so it would be like you had pressed enter at that spot. (Did you see the above example?) You can put many breaks next to one another, but as many breaks as you have, that as many times as you would press enter to move down the text.

Next is bold. When you write this code it makes the text you put around it bold. Now, this code has a beginning and an end. The beginning is the part where it tells the computer "Hey, I want this text to be bold!" and you put it right before the text that you want to be bold.

<b></b>

The ending is the part that tells the computer "Okay, that's enough bold. I want you to stop making my text bold." You put the ending after all the text that you wanted bold.


Now there is underlining too. See the bold part for what it is, but the two codings are here.



There is also italics

<i> </i>

And strike out

<strike> </strike>

Font
Changing your font using HTML can seem tricky at first, but really it's just like underlining or making your text bold. When you want to change the color, size, or face of your font, you use a font tag.

<font></font>

But just putting that won't be enough to change your text, you have to tell the computer what it is that you want to change about the text. So, lets say that I want to make my text bigger.

I would write...

<font size="3"> </font>

That would change my text to size 3 and it would stay this way until I told it to stop.

You can go up to size 7 for your text, and that is plenty. You can try out font sizes until you figure out what suits you best.

Color
Now I want to make my text a certain color. This time, I want to make it red. Now, there are two ways of doing this. If the color you want is very common like, one of the colors of the rainbow, you can write your coding like this...

<font color="red"> </font>

That would make my font red, just like I wanted it to. And then I could stop it.

If you want a color that is not common, like Coral or Olive, you cannot use the above. Instead, you have to find that color's Color Hex. It is 6 numbers/letters that can be used to tell the computer that this is the color I want. You would write it like this...

<font color="#FF7F50"> </font>

The Color Hex I wrote in there is for the color coral, so it would make my text coral colored. So, now that you know how to use it, how do you figure out the Hex Codes for the colors you want to use? Well, thank goodness Neopians will help you out there. Like NeoColors. A great site that gives you all the good color's Hex Codes along with an example of each.

Make sure you always put the number sign (#) in front of the Hex Code though because if you don't, Firefox users can't see the colors D:

Combining
You can also combine your codes. Do you see how to change your text size and to change your text color, both codes start with font? This means that you can combine them to save space. To combine them, it would look like this

<font size="3" color="red"> </font>

That would create text that is both size 3 and red.

Face
The final final thing you can change on your text is it's face. That's the style you write it in. To change it, go onto MS Word and find a face you like that is one word long. Then fill it in on the code. I chose the face Crate.

<font face="crate"> </font>

So, my text will look like this. And remember that you can combine this code with the others because it starts with font.

Lists
Lists are very handy to organize your information. They come in two varieties, numbered and bullet points. Bullet points are much more common, but both are used. To do bullet points, you would write

<ul> <li> Hello </li> <li> Second point </li> <li> w00t </li> </ul>

The ul says that you are starting a bullet list and the li's are the bullet points. So, the above would look like this

• Hello
• Second point
• w00t

And then we're back to normal. Now, for number lists you would type

<ol> <li>Hello </li> <li>Second Number</li> <li>w00t</li> </ol>

And it would look like this

1. Hello
2. Second number
3. w00t

Background colors
This is for changing the background of your entire page. (Will not work for shops.) I am not going to demonstrate what this one does because I like my layout. So, once you find your color, plug it into



Make sure to place the /body at the very end of your coding for the entire page. By the way, this code will make your background a purple color.

Putting in Pictures
Everybody puts in pictures. Now, you're going to learn how to. The coding begins with img src=" ". Between those two apostrophes you are going to put the URL of your image. To get the URL, you either have to upload your picture to a site like photobucket, or if it is already an existing image and you have their permission to use it, like Neopets images, you can right click the image and then click properties. A little box will come up and it will tell you the image's URL. You then place that URL in the spaces and it would look like this

<img src="http://images.neopets.com/new_shopkeepers/564.gif">

Try this code somewhere to see what it's a picture of!

Positioning
Sometimes you don't want all of your stuff on the left hand side. Sometimes you want your text and pictures centered, or to the right. So, there is a code that does that too! Just put it before the thing(s) that you want to be centered or to the right and then put in the /div when you want everything to go back to the left hand side.

<div align="center"> or <div align="right"> </div> <br><br><b>Links</b><br>Look to the left, what do you see? Probably a bunch of links to other tutorials I have made. Well, I made those links to those tutorials using this code! So, here's how it breaks down. {a href="URL"}LINK{/a} is the code with the actual brackets. The a -disallowed_word- tells the computer "Okay, I want this to be a link." Then the URL is the page's URL that you want to make the link go to. The LINK is what you want the link to say. Then, obviously, the /a is to stop the linking. So, The actual coding looks like this<br><br><textarea><a href="/"> LINK </a>

Tables
Tables have to be one of the most difficult things to explain. So, I am sorry if you still don't get it after I do my best to tell you about them.

Let's start with the beginning of the most basic table code. Here's the code, I'll explain later.

<table><tr> <td> Blah </td> <td> blah2 </td> </tr></table>

The coding always starts with {table} when making a table. This tells the computer that you are making a table. Next comes the {tr}. This tells the computer that you are starting a row. Do you see how {tr} ends with an r for row? Then comes {td}. This says that you are starting a cell in that row. In this instance, the cell will say Blah, because that's what you put as being in your cell. Then, you end the cell by saying {/td} and begin a new one by saying {td}. In this new cell, you say Blah2. Then you end the cell and end the row and finally end the table. Here's a little diagram (thank to Neopets) that shows what exactly a cell. row, and table is.


Size
You can also change the size of your table overall, your row, or your cell. If not changed, the table will automatically make its self a certain size to fit all of your words and pictures. However, sometimes you want your table to be bigger or smaller. To change your table, you can put as your coding

<table width="0" height="0"> <br><br>You would fill in the space with the number of pixels you want your table to be high, and how many pixels you want your table to be wide. <br><br>You can change the size for {tr} and {td} too by adding the height=" px" width=" px" to the tags.<br><br><b>Borders</b><br>If you don't put in this part of the code, your table will not have a border around it. D: So, to add a border around your table put<br><br><textarea><table border="1"> <br><br>So, you choose a number 1-4 for the width of your border and I added a little extra thing in the code which would be the border color. When you put a Hex Code in there, it will change the color of your border. If you don't put this, your border will remain black.<br><br><img src="http://images.neopets.com/new_shopkeepers/252.gif"><b>Good and Ready</b><br>Okay, now I've taught you all the important things mentioned in the Neopets HTML guide, but if you don't get anything I've said please either neomail me, or check out the actual Neopets guide. The link was in my first paragraph. Also, if you think somethings missing or wrong in this guide, neomail me so I can get it all fixed up. (:<br><br>Anyways, hope you learned something and if you already knew all of this, check out our advanced HTML guide for codes not listed in the Neopets HTML Guide. <div class="section"> <a name="html2" id="html2"></a> <h1>» Advanced HTML</h1> <img src="http://images.neopets.com/new_shopkeepers/1854.gif"><b>Know it?</b><br>This tutorial is for people who already know their basic HTML. This tutorial has lots of extra little tidbits to take your page from eh to woah. However, I will not be going through every little step with you, so I hope you can keep up!<br><br><b>Divs</b><br> A very popular code, this is used for positioning words and images perfectly on a page. The actual code looks like this<br><br><textarea><div style="position: absolute; overflow: auto; top: -blocked-; left: -blocked-; width: -blocked-; height: -blocked-;"> What you want to say goes here!</div>

Overflow:auto means that you want the text to stay in a certain area and if the text overflows, it will become a scroll box. Top:___px; is where you should fill in how many pixels from the top of the page you want the words/images to be positioned. Left:___px; is the same as top, but it's the number of pixels from the left.

Width:___px; is how wide you want the imaginary box that is holding all the text/pictures in and height:___px; is how tall it is. The width includes the scrollbar if you need one.

Text Areas
A text area is a way to give people codes for something. As you can see below, my text area is grey. To make a text area write

<textarea>blah blah blah

The blah, blah will be your codes that you want to show up. And remove the space between the / and textarea in the coding.

But remember, if you want to put in a text area on a pet page, you have to add an underscore between the text and the area.

Other ordered lists
There are more ways to list things than just ordered lists and bullet points. Here are some that I have found. The coding is above and the example below.

<ol> <li>Making </li> <li>Lot of </li> <li>Lists </li> </ol>

1. Making
2. Lot of
3. Lists

<ol> <li>Making </li> <li>Lot of </li> <li>Lists </li> </ol>

1. Making
2. Lot of
3. Lists

<ul> <li>Making </li> <li>Lots of </li> <li>Lists </li> </ul>

• Making
• Lots of
• Lists

<ul> <li>Making </li> <li>Lots of </li> <li>Lists </li> </ul>

• Making
• Lots of
• Lists

Marquee
Marquees are a fun way to get special info caught in people's attention. They are fun to watch and create, so here's how to create your own!

Now, just remember. No matter how fun marquees are, it's best to leave them at one a page, two is really stretching it. Since you have to follow marquees with your eyes, you don't want peoples eyes going in all directions!

Here's my marquee

Here's what that marquee would look like...
Here's my marquee

It's okay, but it's kind of boring. So, lets change it up and make it interesting. (Obviously you can change colors and subtract things from this code. It's just to show you what's possible! Experimenting is the best way to learn)

MY MARQUEE!!

MY MARQUEE!!

Hover Charm
Do you want your image to say something when your mouse hovers over it like the image over there? « Then use this code! Just replace TEXT HERE with what you want it to say.

<img src="-blocked-" title="TEXT HERE">

You're ready
Alright, that's all I have for advanced HTML, but if you want to make your page even snazzier, go to our css page. There are many codes their to make HTML even better!

» Css

Humble Beginnings
Ah, Cascading Style Sheets! But much better known as css, another form of editing your pages on Neopets. Now, this tutorial is for those of you that already know HTML, or at least the basics because I will not be going step by step for you people.

Also, you should edit and experiment with all of these codes, especially the colors. Experimenting is key to css and HTML! Also remeber that I only put the codes I thought would be usful to you. Now, on to learning!

All css begins with style tags. All of your css is contained inside these tags and you can add whatever codes from below in and keep out others. Now, when Neopets decides to change their coding, you usually have to change your style tags. This is what they are currently, so leave in the space! If Neopet's changes their coding again, please neomail me and I will change the coding below.

<style></style>/>

Change font for whole page
td,p,body {color:#cc00cc; font:7.5pt verdana;}

Change color and style of link
a:link{color:#cc00cc;font:11pt chisel;text-decoration:none; }

Change color and style of an already visited link (most people leave this the same as the color and style of a link)
a:visited{color:#000000;font:11pt chisel;text-decoration:none; }

Change color and style of a link when your mouse is hovering over it
a:hover{color:#8b5a25;text-decoration:underlined; font-weight:bold;font:11pt chisel; }

Text Decorations for Links
Underlined


Changing your text areas
TEXTAREA { background-color: #dddddd; width: 400px; color: #663300 height: 40px; overflow: auto; border: 3px solid #663300; }

Styles of borders for text areas
Dotted
Dashed
Solid
Groove
Outset
Inset
Double


Change the color of all font that is bold
td b {color:red; font-weight:bold;}

Makes all you text lower case
p,td,body {text-transform:lowercase;letter-spacing:1px;}

Makes all your text upper case
p,td,body {text-transform:uppercase;letter-spacing:1px;}

Changes color of your scrollbars (Only IE)
body { scrollbar-arrow-color: black; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-face-color: cc00cc; scrollbar-highlight-color: cc00cc; scrollbar-shadow-color: 663300; scrollbar-track-color: 663300; }

Makes your scrollbar transparent! :D (Only IE)
div { scrollbar-arrow-color: black; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-face-color: 663300; scrollbar-highlight-color: cc00cc; scrollbar-shadow-color: 663300; scrollbar-track-color: cc00cc; filter: chroma(color=#cc00cc); }

Removes header, sidebar, and footer. Remember that you will need to put in navigation!
#header, #footer {display: none;}

Makes it so your background does not repeat
body {background: #cc00cc url(YOURBACKGROUND URL) no-repeat;}

Makes your background stay in the lower right corner when you are scrolling (best with small backgrounds)
body {background: #ffffff url(YOURIMAGEURL) no-repeat right bottom;}

Makes it so your background stays in place when you are scrolling
body {background: #ffffff url(YOURIMAGEURL) fixed;}

Change color, font, and border of Neopets clock (Really cool!)
#nst{background:#ccffff;font:12pt perpetua;border:dashed #663300}

Get rid of Userlookup:Your username sign on your lookup
.content b, .content img {display: none;} .contentModule b, .contentModule img {display:none;}

Headings
Since I didn't hit on this in the HTML tutorial, I thought that you might want to know what headings are. First, go to the top of this page. Do you see the sign that says » CSS? That, my friends, is a heading. Now look at my navigation. Do you see the signs that say For You's Site, Neopets, etc? Those are headings too. Headings are things to show that you're beginning something new. You can have my different styles of headings too. Do you see the difference between my two?

Headings can be colorful, no frills, large, small, fancy, simple, whatever you want! There are so many variations that it's hard to show you all the different ways you can make one. So, this is a BIG TIME experimenting code. I will show you three different headings I have made just to show you the extent of heading power.

Also, you can have many different headings on your page, but you have to call them different names so the computer knows what you are talking about. Your first heading you should name {h1}, your second one {h2} etc. So, when you want to use a heading you can do {h2} This is my heading 2 {/h2} and it will be your second type of heading.

This is the first heading I've made for you to see!

h1 {background-color:#ffffcc; border-bottom: #660000 dotted 3px; border-top: #ff9900 solid 2px; font-family: georgia; font-size: 15px; color: #663300; width: 100%; line-height: 23px; text-align: right;}

And this is number 2!

h2 {{background-color: none; border-bottom: #a8c69a solid 2px; border-top: #a8c69a solid 2px; margin-top: 5px; margin-bottom : 10px; font-family: verdana; font-size: 13px; color: #000000; width: 100%; line-height: 15px; text-decoration: none; letter-spacing: 2px; text-align: center;}

And, finally, this is 3!

h3 {background-color: #993300; border-bottom: #ffffff dashed 2px; border-top: #8b5a25 solid 1px; font-family: pristina; font-size: 14px; color: #ffffff; width: 100%; line-height: 25px; letter-spacing: 6px; text-align: left;}