Neomail
Have a question, comment, or suggestion? Check out our FAQs before neomailing!

Visitors since 6/14/2011

Site Stats

Premade Layouts: 5
Color Schemes: 20
Button Requests: 30
Banner Requests: 16
Layout Requests: 12
Reviews Complete: 1
Night after night, you find yourself staring at a blank page. This is your canvas, and your mind is the brush. There's only one thing that can help you fill this page with your ideas. You must delve into the depths of creativity to bring your imagination to life...

Welcome to Creativity, a creation guide for Neopets sites and petpages! We here at Creativity like to believe you can do anything you put your mind to. However, everyone needs a little help and encouragement sometimes, and this is where we come in!

Creativity walks you through the steps of creating a site, whether it be a bustling petpage with lots of visitors or a small personal page. We remind you of the things often forgotten during sitemaking, and we provide you with all the tools you need to make a basic website. Creativity is a very imagination-oriented site, so keep an eye out for hidden extras along the way! :)

But before you plunge into the tutorial, let me introduce myself. After all, who wants to take advice from a complete stranger? My name is Christine, known on Neopets as cristerwiz15, and I am the owner of Creativity. I am a computer science major who has been working in the field of web design and development for over a year. I actually got my job by showing off my petpages. This is why on July 14, 2011 I decided to make this site. If I can get real-life benefits from coding for fun on Neopets, so can you!

But you're not here to learn about me - you're here to learn about creating a website! So if you're ready to get started, just keep in mind that you have to do the first things first!

May 16, 2012

ON HIATUS
I have to rush out of town for a family emergency, and I'm not quite sure when I'll be back. My life has been super hectic for the past year and maybe once I finally deal with this things will calm down and I can really go back to working on Creativity. I miss doing requests for everyone! Those of you with currently in progress requests, I will complete those as soon as I get back, but this site will remain on hiatus until I fix a few things up. I'm so sorry!

March 23, 2012

I'm not trying to ignore you, I'm just working on a new layout for Creativity. Sorry for the lack of updates - the new page will be done soon and then I'll be back to updating like normal!

February 21, 2012

I got listed by an awesome new directory, Masked! Go check out Rainbow's site, it is truly amazing.

Sorry that everything has been so slow lately. These past 2 weeks I've had an exam almost every day, and work has been super busy which is unusual. Please rest assured that I have not abandoned the site or your requests, real life has just been crazy. I'm hoping this weekend or early next week I get some free time to finish your requests in.

February 7, 2012

If your site appears to no longer exist, you've been removed from the waiting list. I'm sorry, but I can't waste time doing requests for people when they don't really need them anymore. If you've been removed and you feel it was in error, just neomail me and I'll be happy to add you again.

Review request completed today.

Button and layout requests have been worked on today, however none of those can be completed or moved to the next stage until I have access to my laptop. In other words, be expecting some more updates on those tomorrow.

February 6, 2012

I had to put my cat Mystere to sleep on Saturday. She was only 5 years old, and since I lost my other cat in August this is hitting me really hard. We'll find out the exact cause today, but she had a toxic liver, pancreatitis, constant intestinal and stomach problems, she had an awful case of ringworm, she had 2 kidney stones, and she recently developed asthma and couldnt breathe without being in an oxygen tank - no, rescue inhalers did not help her. Too many problems for a sweet little kitty like her. I apologize if I'm slow on requests at the moment, I have to really concentrate on not letting my grief give me a failing grade in my classes.

Bought myself that keychain flash drive. I'll never lose it again!

January 30, 2012

Today, I am doing myself a favor and buying a flash drive that I can put on my keychain. Why? Because I just lost my current flash drive, and what did I lose on it? EVERYTHING. Okay, not everything. The stuff for my gallery I have on my computer, and my work and coding for a layout request has been uploaded and so can be downloaded to my files. Those are the most important. I'm pretty sure this one is gone for good, I think I left it plugged into a computer and it is no longer there. So I'm currently looking for recommendations on what brand flash drives do not break, and very bright colors are preferred so I can always find it. Thanks so much, everyone!

January 11, 2012

If you're currently stalking my progress on requests, you can see a WIP layout request here. Not that there's anything too exciting to see yet, but keep checking back!
Can you believe I'm going back to school this week already? What happened to my winter break? This is the shortest break I've had since I started college, honestly. Don't worry, though - I'll try to keep up requests as normal this time!

January 5, 2012

Good news! Turns out I had a copy of my GIF animation program saved on my old computer - button making is saved!
Bad news: after checking all the flash drives I own and going through my email, I have decided that my requests are lost. Again. I'm neomailing everyone whose requests I didn't find, and quickly doing the few that I did find.

January 4, 2012

Button requests are temporarily closed due to a MAJOR problem with animation. If you know of any animation program, please neomail me immediately.

December 28, 2011

Creativity is now completely off hiatus!
Previous updates cleared.
Link checking completed.
Spelling errors corrected.
Untaken names checked.
Just for fun, I've put a hovering number on each of my link-back button images to show how many affiliates are using them. If you want a unique link-back button, try taking one of my less popular ones!
Fanmail and Achievements have been moved to the Sitely page.
Site Stats have been added.
Please welcome A Small List, Dark Light, Sparkle Keld Reviews, Juniper, Impulse's Button Tutorial, Click, Nostalgia, Freezing Heat, CSS For You, HTML and CSS Guides and Tutorials, and Genesis CSS to Creativity's various site examples!
Tara's NP Making Guide, Cib's Premades, Fiction, and The Paper Lantern have been removed as affiliates. If you feel this was done in error, please neomail me.
Elle's Help Guide, Enchanted, and Angel's Directory have been removed as listers. If you feel this was done in error, please neomail me.
Mission Impossible, Moonlit, Pot of Gold, Shout Out, and Tropical Breeze have been removed from the untaken names list.
Requests should be completed by January 5. If yours hasn't been done or you haven't been contacted by then, please send me a neomail!









What program do you use for graphics?
I get asked this constantly, so I'm leaving it right up on top! I actually use a wide variety of programs and websites for my graphics. Here's a complete list of them, and what I use them for:

Microsoft Paint: I use the Windows Vista version of this program to construct and make each frame of my buttons. I also use it for sizing guides, cutting white pixels out of things, and many other small tasks. Every graphic I make has touched this program at least once. This program is free, and should already be installed on your computer! As a side note, if the Windows 7 version irritates you, it is very possible to install the XP or Vista version over it and use that instead, which is what I did.

Microsoft Office Powerpoint: I use this to make banners, and I usually construct and save my layouts here as well. This program is not free, but OpenOffice, which is free, works in a similar way.

GIMP: I actually don't use this very much - I find it awkward, and it doesn't have many helpful features. I do use this program for transparency on non-animated images, however. This program is free.

Jhepple GIF Animator: Not what it's called, but that's what you need to type on a search engine to find it. As you can guess from the name, this is how I make all my animations. It's a lot easier than doing them in GIMP. This program is free, and runs off a one-time download file (this means it does not get saved on your computer, you simply open it from the internet when you need it).

Iaza.com: I'm not quite sure what else Iaza is good for, but it does make some high quality GIFs out of your PNG images. You can find other places to do this as well, but this is my favorite one to use.

Pixlr.com: This is practically Photoshop online_ It doesn't have all the special features, but it can add beautiful effects to any graphic. This does not seem to work in Chrome, but I have never had any problems using it on Internet Explorer.
What is your computer, browser and screen resolution?
When I am at home, I use my HP Pavilion dv7-4197cl Entertainment Notebook. My main browser is Google Chrome and my screen resolution is 1600x900. I use my home computer for anything involving a font I have to download, and I use it for reviews.

When I am at work, I use a Dell Optiplex GX620 Desktop. I switch between Internet Explorer and Firefox while I am here, and the screen resolution is 1280x1024. I use this computer to make most of my graphics, because I find desktops easier to use than laptops for anything involving mass clicking.
I've noticed your spelling is wrong in a few places, why don't you fix it?
If you point out a genuine spelling error, I would be more than happy to fix it. However, so far people have only noticed words in American English. I realize TNT is using British English now, but I'm American and I use American English. Organization is spelled with a z, and color is not spelled with a u. Yes, I suppose I could change it - and get just as many complaints. I'll stick with the variation I'm familiar with.
You must have a lot of code on this site - why don't you keep some sections on different pages?
For one simple reason: I don't want to. I have other things I could be using my petpages for, so I keep this site confined to one. But yes, there is a lot of code here. For the curious among you, if I were to print out all my code for this site, I would have 236 pages - according to Microsoft Word, anyway. I'm beginning to think the Ctrl+F function is the best invention ever.
How many petpages have you run?
I have run a grand total of 8 pages not including this one - a neopoint making guide, a review site, two graphics sites, a directory/review site, a normal directory, a "mail order store" for trades, a surprisingly labor intensive about me page, and a wishlist. I have also completely made and organized petpages for several people in the past. None of these sites are currently running; however a graphics site and my directory/review site are still on an indefinite hiatus.

You can locate my directory/review site here and my graphics site here. As you'll notice, I haven't been to them in quite a while because I haven't bothered to fix the filter changes from several months ago.
How many hidden links are on your site?
Well, they're not exactly hidden...I do provide you with links to get there, after all. But, in total, I have nine links to places on my site that I don't have in the navigation. I feel it reduces clutter - you only have to read those pages if you need them! :)

If you weren't able to locate them all, my hidden links point to my button portfolio, my banner portfolio, my layout portfolio, my review portfolio, a common sites guide, an untaken names list, a coding tutorial, and a slogan writing guide. My last hidden link is this page!
Will you edit the graphic you made me or make me a new one if I don't like it?
I will edit your graphic if it's not a labor intensive animation, but I won't make you a second one. If you don't like the first graphic, you most likely wouldn't like the second. It would be best to request from a different person in this case.
I can't seem to put your graphic on my site. What would you suggest?
I often find this is a problem with the URL, but since I was obviously able to put it up at my site, I don't think that's a problem. Unfortunately, all I can do for you is look over your coding or change the URL, and I can't promise that will help. I'm very sorry if you're having this problem, and I am currently searching for someone who knows for sure why this happens sometimes!
Are the sites you create at work anything like the sites you create here?
Unfortunately, no. They are similar, but internal links aren't used on sites where you're not confined to one page, so many of the layouts I use here would be considered clumsy. Also, on Neopets tables are a great way of organizing your content, but in the real world of web design floating divs are used instead. So I'm using almost an entirely different set of HTML when I switch between work and Neopets.

I know that you're all anxious to get to the layout and content of your site, but those things are worthless if you don't do some preparation. In fact, there are three things that you should decide on before you even get to thinking about the "look" of your site!

Choosing your Category

In all probability, you already have a category for your site. But take a moment to stop and think about it - are you really sure you've chosen the right one?

Make a site about something you enjoy.
It is really amazing how much of your life you can end up dedicating to your site. I find myself spending hours every day thinking about this one and ways to improve it - you are sure to do the same thing. Therefore, I suggest you make your site about something you really enjoy. For example, don't run a review site if you don't enjoy reading and writing, and don't run a graphics site if you don't enjoy art.

Play to your strengths.
Just because you enjoy something doesn't always mean that's what you should make your site about. For example, you may enjoy drawing - but running an art request site when you can only draw stick figures isn't a great idea. You're creating a site because you want people to use it - make sure that they want to use it, as well.

Fun Fact: If you want to get better at something, running a site is sometimes one of the best ways to do it - you get good really fast, because you have to!

Try to make your site unique.
It's perfectly fine to do a standard sort of site, but typically people are searching for something more. What can you do that will make your site stand out from the crowd? This is usually accomplished by adding extra services to your site - for example, my site is considered a guide or tutorial. But I also combined it with a graphics site. This makes it unique (or at least I like to think it does!).

Still having trouble choosing a category? Why not take a peek at my Common Sites Guide? This will give you some basic information about the different types of sites to choose from.

Picking a Name

Now that you know what kind of site you're making, it's time to choose a name! Names are very important, because they define your site, and usually end up being a major source of your inspiration.

Make the name easy to remember.
Most people use the sites they do because it's not hard to remember their names, and they can always find them again. Just think about the sites that you use. Are you finding yourself frequenting a website like "The Purple People Eater's Life Lessons for Educating the World"? If so, you may be in the wrong place ;) But in all seriousness, a name like that is not easy enough to remember, because it's too long. Short and sweet are your keywords when trying to come up with a name.

Make the name relate to the site and sound appealing.
I understand this isn't always possible, but at least make your site layout reflect the name, if nothing else. If people get something different than they expect when they go to your site, they're unlikely to use it. However, you also need to make your site name appealing enough to draw in visitors in the first place. For example, would you use a site named Trash Can? Probably not, because it would make you think the person provided garbage. Compare your site name with how you would expect the site to be and how you want people to think of your site. If they don't match, there's a problem.

Don't pick a taken name.
It is hard to know for sure if someone has the same site name as you, but checking the directories I mentioned previously may be of some help to you there. Always check on this before you get too attached to the name or start making personalized things. If the name is taken, it's off limits.

Still having trouble deciding on a name for your site? You can look here to look through some untaken site names.

Organization

Those of you with naturally organized minds probably already have this figured out, but if you don't you should definitely read this. Organization might not seem like much, but without it you can't do anything else - pay close attention!

Figure out where your most important site elements are going.
I define the most important site elements to be elements that must be included somewhere on your page, and I typically identify these site elements as the link back buttons, updates, navigation and the counter. You may have more or less for your site - it doesn't really matter how many we have, it's just a way for us to help organize our minds. You will want to figure out where you want these to be, and if you want them to be visible at all times on your site. This will help you a lot with your layout, so we will go over it in more detail there.

Give a thought to the size of your page.
I don't mean content-wise, either. I'm talking about how well people can see it. Are you okay with people scrolling down to see content? Do you want the width of your content box to be large, or relatively small? My goal is always to avoid the dreaded sideways scroll, as this detracts greatly from a page. Thinking about how to design your page to make it work on all browsers and fit all resolutions will also help you when you choose a layout.

Just focus on the majority.
No matter what you do to your site, there will always be at least one person who your site doesn't work for or doesn't fit on their screen right. While this is unfortunate, trying to fix the problem usually just creates a few more to worry about. So instead of focusing on them, focus on the majority of people. A good resolution to try working with is 1280x800 because it's a fairly standard size, and a little smaller on the dimensions than two other standard screen resolutions. As you get feedback from people more on your site, you'll be able to point out other standard things. This will help you greatly when it comes time to designing and testing a layout. For an extra piece of advice, try to make your site work on the smallest screen resolutions you have available to you. If you make the content too small on the larger screens, at least people can still see it. But if you make it too big on the smaller screens, you risk people not being able to read it at all.

Now that we've been talking so much about it, I think it's time to choose your layout!

Content is the most important thing when it comes to making a site. You could have the prettiest layout, and the most impressive banner, but without good content your site isn't worth that much. Keep in mind reading this that good content is often a matter of opinion - so just try to make it like you want to see other sites! :)

Organization

Yes, it's that dreaded word again! Your organization - believe it or not - is very important when it comes to content. I mean, just think about this page: if I didn't separate out all this text into separate paragraphs, would you want to read it? Probably not - most likely you would be scared away by the giant wall of text. But even without a giant wall, some methods of organization just don't work. How can you avoid them?

Look over your site with a fresh eye.
Make your site organization any way that you want - and then let it sit for a day. View it after that - how easy do you find it to read through your content? If you're confused on your own site, something is wrong. If you find this is too difficult for you to do - some people never find problems in their own work - then ask a friend to read it over for you. And if none of them want to, there's always me.

Break up your text.
This can be by separating your text into paragraphs, or using images. I personally don't use images that much, but many people enjoy them as they give you something pretty to look at. Dividers are the best images to use here, as they don't place your text too far apart, but they still give people something to look at.

Just think: balance.
When content is balanced, it's easier to read. So what does that mean, exactly? If you set a pattern, then don't break it. It's jarring to see someone do something totally different when they've been doing it the same way for a while. Don't use too much of any one thing. Try to balance out how much text vs. images you use in one place. And most importantly, really try and weigh things out in your head. I imagine the elements of my site are actually on scales. I don't want to provide hundreds of layouts but only have a few banners, for example.

Text and Writing

We've all talked online with people before. How can you tell when they're not happy? When they're using sarcasm? When they're trying to tell you something important? It's not quite as easy over the internet as it is in real life. You don't want people to misunderstand the meaning behind something on your site.

Accent your text - but don't overdo it.
This is a very fine line for most people. It's okay to use bold text and italic text, and sometimes it's even okay to use ALL CAPS. But overusing them is not good. If you talk in caps all the time, or even just part of the time, people are going to feel like you're yelling at them. Bold text is a lot better to use, as it performs the same task (in a politer way), but having too much bold text can be hard on the eyes. Italics is the one thing that can be used more, depending on your site. It is a wonderful way to indicate speech, and it does help to indicate something that is slightly more important. But again, using it too much can make your site very difficult to read. So it is best to exercise caution when using these. If you want to accent your text without using these effects, a simple color change is sometimes best.

Make sure to show your personality in your writing.
There are many different ways of writing, but flat and boring is never an acceptable one. Try to let a little of your own personality shine through! This will help people to feel as if they really know you. This isn't your research paper for English Literature, so don't act like it is. Just pretend that you're talking to your friends. In addition to showing your personality, this can also help you feel more at ease when creating content.

Spelling, grammer, and speaking style.
I can't even stress how important this is - and how many people don't bother check it! If you use Firefox or Google Chrome (or potentially other browsers), then your spell check has already been taken care of. But grammer is just as important, and so is your speaking style! Read everything out loud. Does it make sense to you? If not, then it won't make sense to anyone else, either. There's also another reason this is important - if your spelling isn't good, people won't take you very seriously. You didn't take me seriously in this paragraph, did you? Probably not, because I spelled grammar wrong! I did this on purpose to show you how much of a difference this can make on your site.

Updates

Updates are just text and writing, right? So why is it important to give them their own section? Because although they do include text and writing, they must be written in a completely different style. You can really do updates however you want, but if you want them done in the most effective way possible, you'll look over this advice.

Actually remember to update your updates.
I don't know about you, but I don't request from a site that hasn't been updated at least once in the past two weeks - it makes the site look like it was abandoned. There is no need to update every single day, especially when your site is older and you don't have as much going on. But make sure that you do update often enough to let people know you are still around.

Keep the important things in your updates.
Everyone does their updates a little differently, and this is fine. But your updates are useless without two things: the reason that you're updating, and the date. Be sure to include the year on your date, and your reason should be something other than "this other petpage told me I had to."

An update is an update on your site - not your personal life.
I understand small things - if you're happy you were chosen to adopt a pet, if you just got a new trophy, etc. It's okay to take a sentence to brag. But most people don't want to read daily details of everything happening in your life, when they're just trying to figure out what happened on your site. So keep it at a minimum - tell them anything they might need to know for the site, and then go on your merry way. This is a perfect example of do what I say, not what I do - I'm rather famous for giving long drawn out updates whether I intend to or not. The curse of a rambler.

Navigation

Ah, navigation. Something that's mostly thought of as optional, even unnecessary - but for certain sites, leaving it out just isn't an option. If you decide that you want a navigation, it might be best to follow these basic rules.

Put your navigation somewhere it will be seen.
Don't put the navigation at the bottom of your page, unless you know for sure it can still be seen on all common screen resolutions. If you put your navigation at the bottom of your 1280x1024 screen, anyone with smaller dimensions won't be able to see it. Don't mix the navigation in with your content. What I mean is, don't give your introduction and then provide the navigation. I've seen it a few times and sometimes I wonder if other people are as confused by it as I am. And finally, don't make your navigation links look like regular text or other links. You want people to actually know they're looking at the navigation.

Use the proper navigation style for you.
There are two different types of navigation (in general) - making images your links, or using CSS. Different sites need different styles of navigation. For example, look at my site. It just wouldn't have looked good with CSS style navigation, so I used images. In general, anything with a designated place for the navigation and is in a rectangle or square shape will look nice with CSS links. Most other things look better with image links. If you are unsure of which would look better, make one of each and place them side by side (or one on top of the other). Whichever looks better is the one you should use.

Always have a way to get back to the navigation.
While not something to do to the navigation itself, it is essential that if your navigation cannot be seen from all parts of your site, that you have a link bringing you back up to where you can see it. There is a reason people use the navigation, and that is so they don't have to scroll down to get to a certain part of your site. If you make them scroll back up in order to see other parts of your site, that sort of defeats the purpose.

Pictures

Finally, we reach the pictures. If you're at all familiar with petpages, you'll see that they're used a lot - even if they're only a banner image or the navigation links. If you actually want to use images within your site, though, you should read these helpful hints.

Don't be afraid to resize your images.
If an image is too big for the place it needs to be, just resize it. Most images won't need to be resized too much, and can still be seen easily. If they can't, there is a "click and drag" function in every browser that will allow you to see images full-size in a different tab. It is better to have an image that is slightly harder to see, than one that gives you a sideways scroll on your page.

Make sure to place your images accordingly.
There are several main places that pictures will go on your site. Depending on the image, the content it will go by, and the style of your site, you will want to use a different way. Put your image in a separate paragraph from your content if it is a large image you are using to show someone something, or if you have several images. These images should always be centered. Even if you have left-aligned text, centered images always look much more professional. Put your image in a table with your text if it is a small image that you are giving a short description of, or a large image you are giving a not-so-short description of. The image can be either to the left or the right of your text. And finally, float your image to the left or right if it is just a cute image you're using to start a paragraph or make your page look nice.

Don't fall into the "over-image" trap.
Some people absolutely love pictures - and I'm not saying there's anything wrong with that. But when you combine a love of pictures with site making, you often end up with too many of them. Even if you use pictures to separate out your text, you don't need them every sentence or even every paragraph. Using them sparingly will serve you best.

Now that you've learned all about adding content, you might want to learn about advertising so that people will see your content!


You've come up with a layout and banner, added in the content, and even figure out some great organization - what could possibly be left? That's easy - you need people to start using your site! But before they can, there's just one thing left for you to do - make a button. And you need this button for one reason - so that you can advertise.

Why Advertise?

I know you've all seen advertisements on TV, and groaned at their horrible jokes and their feeble attempts to sell you their product. Maybe you've promised yourself to never be like them. Well, I hate to tell you this, but you have to break that promise. If you don't advertise, no one will ever know about you! Here are some things that are important to do when advertising. Unlike the other advice on this site, this was written by my father! He's a salesman and he guarantees these are the best ways to get good business (or did he just sell me on this stuff? You'll never know!)

Spread the word of your site.
The first step to advertising is to get the word out there that your site is open and ready for business. I find this is easiest by using the boards. You can either create a board to advertise in the Help Chat, or you can put the link to your site in your signature and talk a lot on the boards so that curious people will click the link.

Come up with some sort of slogan for your site.
This can be hard, but it's necessary. Why do you think everyone can remember that you can "have it your way" at Burger King? Because it's a simple enough phrase to remember and they advertise it a lot. The human brain does learn by repitition, after all. Of course, you've experienced this with songs, images, etc. But since we're online_ it needs to be done with words. If you're having trouble with this, you should check out our slogan writing guide - maybe you'll even be able to come up with two or three of them!

Fun Fact: Despite my father's insistence that a slogan or catch phrase is necessary, none of my sites have them - and I don't think his business does either!

Make your site seem amazing in any way possible.
This right here is the whole secret to advertising. What are you more likely to buy: a product that claims it's the absolute best in its field, or one that says its okay and will eventually get better? I don't know about you, but I would rather get the one with a vote of confidence. You need to give that to your site! Make your site seem like the best at everything it does...and even if you know it isn't, act like you stand behind your site 100%. No one is looking at it with a more critical eye than you...except for perhaps, a reviewer. ;)

The Button: A Most Fantastic Creation

You might know how to advertise now, but you still need a button. Why? Because it advertises for you! You need it so that other people have a convenient link to follow to your site, and if they decide to put it on their own site it doubles as an attractive graphic. So here are some important things to keep in mind when making a button!

Make sure your button is the proper size.
Many people coordinate their sites to only hold buttons of the same size. This size is 88x31 (pixels). If your button is not of this size, it is very likely that you will not find many people willing to link back to you. Please note that on websites outside Neopets, the standard button size is 88x15, so if you have made buttons before then you should check the size.

Don't limit yourself - or your affiliates.
Have you ever been to a site and seen that they only have one button - that you happen to think is incredibly ugly? No one wants to link back to a site with an ugly button. So, I find it is best to make at least three different ones. This gives your affiliates different choices of color and style to either fit the look of their site or their personal preferences. Of course, no matter how many buttons you have, it's possible someone will not like any of them. But you can eliminate this problem by making sure to give people a choice.

Clean, neat, and simple, but not without decoration.
I always repeat this to myself when making buttons. A button must be clean: half transparency and stray pixels are most unattractive. A button must be neat: your text must be visible and easily readable. A button must be simple: if your animation has 50+ individual frames, it better not look like it. And finally, a button must not be without decoration: a plain button is simply not a design that appeals to most people.

The Button Making Station

This is a little addition I've included so that it's possible for you to make your very own button! I should inform you, I only provide the basics - a basic image, some basic borders, and a complete alphabet of a few basic fonts. If you want to make these buttons look really fancy, then you may want to check out these tutorials:


If you don't feel like making your own, I do accept button requests from time to time. You'll need to check out my requests and pick up section for that. If you don't feel like using me, there are plenty of other capable button makers out there!

Backgrounds



Borders



Fonts

Bangalore
Best cursive pixel font
Good for animation
AE Systematic
Good decorative font
Many symbols available
Snakebold
Good for animation
A little bigger than other pixel fonts
Nayupixel
Good "cute" font
No uppercase letters
Handy
Nice cursive font
No uppercase letters
Fruit Salad
Bubbly font effect
Uppercase letters look bad
Visitor
Size can easily be changed
No lowercase letters
04b_03
Gives professional look to buttons
Very common pixel font
Haiku
Nice for decoration
Impractical to use on whole button

Now that your site is all put together, what could possibly be left? Not much, but still plenty of important things. So, last but not least...

Now that we're through with creating your site, it's important to give a little personality to your site. You can do this through the use of graphics, to represent things in your site. All images shown here are transparent, so feel free to use them anywhere!

Tiled Backgrounds

If you plan on giving a nice picture background to your site, it's important to use a repeating or tiled image as your background. This way it flows seamlessly across the page, giving a much more professional look to your site. The code for this is meant to be placed inside your CSS, which is your style tags.

Web Browser Signs

If your site happens to look best in a certain browser, then you may wish to specify which one at the top of your page with one of these web browser signs. This way, when people go to your site, they know if it looks the way it is supposed to in their particular web browser.





Envelopes

Envelopes are often used in several places on your site, and will either link to a blank neomail, or, preferably, to your profile. The link to automatically put your username into the neomail box seems to have been disabled on petpages, so I would suggest linking them to your profile so people know who to send their messages to.

Bullet Points

When you start writing, you may want to accent certain points in your text. One of the ways to do this is by using bullet points. These are all a small size to try and best match the size of your text, but feel free to change the width and height if you need to.

Dividers

Dividers, as you might be able to guess from the name, are a great way of dividing up your content. Use them to switch topics, or simply as a way to brighten up the different sections of your page.















At long last, your creation is finally complete! I hope that you enjoyed making your new site as much as I enjoyed making this one :) It is at this time that I give you the option to return to Neopets. However, I encourage you to continue exploring this site by requesting something, getting a review, or seeing all my affiliates and listers in the sitely section.

Rules

Do not send me any neomails about the status of your request.

Neomail me after you have picked up your request, so I know to take it down.

Fill out the form completely. This will make things much easier for both of us.

If you request something, have the intention to use it.

If I see you have requested another layout when I am supposed to make you one, you haven't linked back to me for a review, etc, I will not complete your request.

Leave credit. I'm not too picky about where or how, but it has to be there.

I have a right to refuse your request for any reason.

When I say believe, you say unicorn.

Please note that not following these rules may lead to your request being moved to the bottom of the waiting list or taken off entirely.

Waiting List

Button | Banner | Layout | Review

bellaxbunny
_taratoxic_
tiger16253
shah66

Buttons

Want to see the buttons I've made? Click here to visit my portfolio!


Banners

Want to see the banners I've made? Click here to visit my portfolio!


Layouts

Want to see the layouts I've made? Click here to visit my portfolio!


Reviews

Want to see the reviews I've done? Click here to visit my portfolio!


Getting a Review

Reviews are fairly important, as they help you gain some credibility for your site and point out things that you need to improve on. Here at Creativity, our reviews are entirely geared towards helping people see their site in a different way. This means that we take a closer look at what some people may consider single sections of a review. If you're looking for a more traditional view of your site, you might like to request a review from these sites:

The Reviews

Writer's Block

This review will focus on your writing. This includes your updates and any forms included on your site as well as your content.

When you ask for the Writer's Block, keep in mind that I will not cover the placement of your text on the page, the color or font of your text, or any images located within your content. I am only looking at the ability of your writing style to draw in and keep people on your site.

Recommended for sites that are just about to open or have already opened, provided all content is in place.

Reviewed 00/00/00

Short Story

This is my first impression of your writing when skimming through your site. Does anything really jump out at me? Are there any mistakes? Does your page seem interesting enough for me to want to read more?

Spellcheck

This is an overview of the spelling, grammar, and sentence structure in your website. In true Microsoft Word format, I will write your incorrect spellings in red and your grammatical errors in green.

Poetry

This is a review of your writing style. Do you have a beautiful poetic style that brings out your personality, or a bland and formal tone that turns people away? Your use of emphasis on the text and the feeling it gives to your site will also be covered here.

Pen and Ink

When writing a rough draft, you very often need to take out some sentences and add others in. Here I will be going over your content and seeing if any of this editing needs to be done. Does everything seem to be explained clearly? Are there any unnecessary sentences on your site?

Rating


Here I will put a short explanation of your rating (out of five stars), as well as what I think of the writing on your site overall.

Drawing Board

This review will focus on the visual aspects of your site, including visibility, color schemes, and content placement. I will ignore your writing style unless it throws off the look of your site.

When you ask for the Drawing Board, keep in mind that I will only be checking on things that change the way your site looks. If you own a graphics site, your content does count as part of this.

Recommended for sites that are just about to open or have already opened, provided your layout and design are complete.

Reviewed 00/00/00

Snapshot

This is my immediate impression of your layout and organization, with my opinions contained to what could be seen in a single snapshot of your site. Does your color scheme work? Does your layout look nice? Does everything look to be in the right place?

Blank Canvas

This is where I strip away your layout, and just look at your content. It allows me to really see your organization and point out problem areas. Does everything match up well? Does anything seem really strange and out of place?

Artist's Palette

Here I will see how balanced your site is, in terms of color. Do your colors seem to match well? Is there too much of any one thing, or too little of another? Not having the proper balance to your site can throw a lot of things off. Other portions of your site, not including color scheme, may also be mentioned if they seem very off balance.

Eye of the Beholder

They often say beauty is in the eye of the beholder, and this also applies to your site. Depending on different browsers and screen resolutions, your site may look very different. Does your layout look fine in a large screen resolution, but is cut off in a smaller one? Does your browser operate fine in Firefox, but fall apart as soon as you open Internet Explorer?

Rating


Here I will put a short explanation of your rating (out of five stars), as well as what I think of the visual aspects of your site overall.

Craft Fair

This review will focus on the often forgotten things that can make or break a business. While I will be looking at your site as a whole, more emphasis will be placed on tiny aspects of your site.

When you ask for the Craft Fair, keep in mind that I will not be reviewing the common elements of your site and how they work together, but the small pieces and how they influence the success of your site.

Recommended for sites that have been open for a reasonable amount of time and are looking to improve. This review cannot be done without all content in place and (for a requesting site) at least 10 requests completed.

Reviewed 00/00/00

Associates

The first thing I like to look for in a new company is who they choose to associate themselves with - who they buy their products from or recommend to their customers. What sort of affiliates do you have, and are their sites of at least a fair quality? Are the resources or other things you obtain from people of a high enough quality for your site? I will be looking at your affiliates and credit here.

Personal Care

The next thing I look at is how friendly the staff is - or in this case, how polite you are. Does it seem like you actually care about your clients? Are you attentive to their needs? Do I get the feeling that you're fond of your site, or do I feel that you think of it as a chore? I'll mostly be looking at places you talk directly to your customers here.

Advertising

Advertising is a very important part of any site, and here I will be looking about how you go about with yours. I will not be rating your link back buttons or the boards you make, but how you view your site and represent it to everyone. How honest are you? Do you make sure to speak with confidence and only say good things? I will mainly be looking at your introduction or site explanation here.

The Product

Here I will be checking not so much the quality of your product, but the consistency and the truth of what you advertise your product as. Are people getting what they ask for when they use your site? I'll be looking over your portfolio and your product information here.

Rating


Here I will put a short explanation of your rating (out of five stars), as well as what I think of your site overall.

Requesting and Finding Your Review

In the Request and Pickup section, you will find a place where you can request a review. Remember the name of the one you want!

As each review is completed, it is placed in my portfolio. The newest reviews are at the top; only 20 reviews are kept in my portfolio at a time. You can see them here.

Affiliates

Just neomail me if you're interested in being an affie, and please have an 88x31 button!

Listers

Listed me? Let me know! I'll link back to you right away :)

Reviews


Score: 90/100 + 7/10 Bonus Points
Date Reviewed: August 12, 2011

Impressions {13.5/15}:
When I first entered Creativity, the first thing I saw was the name of your site in a rainbow font: since the word creativity is all about imagination and artistic thoughts, the use of multiple colors is very suitable, as well as eye-catching. However, I also noticed the large green graphic around it. Upon closer inspection, I saw the gray shadow of the gap in the graphic behind the title "Creativity". The problem is that gray's monochrome-ness is rather dull and distracting behind the bright colors of the rainbow. The second issue I had was the quality of the graphic, which seemed to be slightly blurry or pixelated. This can affect the perceived quality of such an image. I will offer further critique in the layout section.

I liked the first paragraph of your introduction because it was a creative narrative, it was distinguished from the rest of your homepage intro by color, and it explained your site name more. The only problem I had was that I felt it could have been slightly darker, so you could try #9C9C9C instead. As I continued through your introduction, you stated your site's purpose, your name and username, and the day the site started. Putting a link to the next section is great as well, so readers can go straight on. However, I thought your intro was a tad wordy, and could be shortened a bit to ease reading time. Here's how I suggest you recompose the first two paragraphs after the narrative:

Welcome to Creativity, a creation guide for Neopets sites and petpages created on July 14, 2011! We'll help you through the steps of creating a site, whether it be a bustling petpage with lots of visitors or a small personal page; we here at Creativity like to believe you can do anything you put your mind to. Creativity is a very imagination-oriented site, so keep an eye out for hidden extras along the way!

The third paragraph post-narrative was mainly informative so I left it, though as you can see I felt the date was better in the first paragraph (but that is up to you). The last paragraph is untouched. From what you have in this introduction and a quick glance through your updates, you look professional and helpful, which are both necessary for this type of site. Looking through your site, you are still professional and relaxed at the same time, which is great to see because the visitor can be more at ease and want to continue through the site.

-1 for large green graphic issues affecting my first impression.
-0.5 for wordy, albeit well-written introduction paragraphs.

+2 for original content: various requests, resources and mini-guides!

Layout {11.5/15}:
A quick look at your layout proves you are not new to coding: the tables you've used have organized the left sidebar with an ever-present Neomail link, FAQ link, reviews and fanmail, and the counter. The homepage's content box, updates and buttons are neatly laid out. Your requests pages are also well done and nothing wastes space. Good job with all of them! I also thought that the layout was rather simple for a guide, which is exactly what you'd want. First, I'll cover the issues mentioned previously. The shadow in the gap behind the title was rather distracting. I suggest either lightening the shadow (so that there is still a bit of texture behind the text) or removing it completely. If you decide to remove the shadow, you might want to decorate the gap in a different way so it doesn't look like wasted space: perhaps a thin (2, 3 pixel?) light green border, like #89cd4d.

The second problem with the green graphic is its blurriness and clarity. It looks like it has been scaled out of proportion, and the quality is lost. Next time, if you ever use this kind of graphic again, use its full size and let it extend down to your content box; you could fade it using GIMP's feather settings (Rectangle Select tool) so you can crop it once it goes behind the content box. Take a look at Create Impression's GIMP blending tutorial for how to fade.

Next, I'd like to bring to your attention an issue with scrolling. My resolution (1280x800) means that the main page scrolls. I think this is a bit unnecessary, as it is partially caused by the large green graphic. It can be fixed by simply using a smaller graphic in your layout, for example, instead of going down 350 pixels before it reaches the content, you could crop it down to 250 or less.

Onto a more aesthetic look at the layout: I notice that, other than the navigation, the content and that large green picture, the layouts stops at the quote "An essential aspect of creativity is not being afraid to fail". The right side of the screen continues in an empty white. With a lot of green, black and grey being focused on the left side, I felt it was a bit unbalanced visually. My advice would be to either center the graphic, or add a separate graphic to the right corner (bottom or top both work fine). This page has a code for anchoring an image to the corner of a page (if you didn't know it already), and it would work well for your page if you had an extra graphic to use there.

Lastly, I found that the color scheme was not implemented very well, because it seemed predominantly green, yet the title of the site was in rainbow. If you could perhaps add some varying colors to headers or textboxes, the site might be more balanced (though I did see you make an attempt to use blue for links and yellow in the headers). For example, use some red in one header, and a bit of orange as a textbox font color.

I'll end this (long) section with one positive comment: your navigation is separated, the site from the content itself, which is great because the user can come for either the content or just the site and be unhindered by the other part.

Below is an image to show examples of changes I'd suggest, such as cropping, fading, and color change.

-0.5 for color scheme issue.
-1 for 'unbalanced' look from color-based focus in layout
-2 for clarity of and shadows on green graphic.

+2 bonus for layout made by site owner!

Content {28.5/30}:
On the homepage, where you tell us a bit about yourself, you give good reasons to trust you for site advice. The rest of the guide follows in a clear, step-by-step way to go about creating a site. There are many parts which I haven't seen in other guides that I thought were extremely helpful, and their well-considered placement helped: the layout algorithm was ingenious, because it is a (fun) way to come up with a layout type that can be used when requesting layouts later. The coding tutorial was great because it gave all kinds of coding help right off the bat. You had a few different premade layout styles (all done nicely), then a huge variety of color schemes! (Something must be said for 'Square Dance': you certainly have a lot of 'creativity'!) The button station was an exceptional mini-kit of button-making that included anything beginning buttoniers would need to start buttoning. The backgrounds were well-edited because they were smooth in texture, vibrant in color. Your borders are very unique, and having the text right there on the page is a good idea in case they don't want to download fonts.

Your 'resources' section looked good on a whole, but the browser signs weren't the best quality. I will discuss the problem more in the 'sitewise' section. Continuing, though, the larger Neomail signs weren't bad, and the first set of bullet points impressed me with their shading, which was very realistic. However, the heart set of bullets were not the same; I felt that the final shading color on the right clashed with the edge of the heart. Perhaps, if you went into a little more detail shading, or just used the second-lightest color a bit more, the brightness could be toned down. Anyway, the dividers were also well done: the first had a variety of sparkles surrounding it, giving off a very 'sparkly' look; the second had a nicely executed dashed line ending in a little heart, and the third was an animated color scale. What delighted me in your resources was the variety of colors for various color schemes on sites.

I last looked through your request section. Below are my favorite image banner, and least favorite image banner in your portfolio.

The first is my favorite because it is simple, yet coordinated. Parchment in the back is an old kind of writing paper, and that is an old-style writing pen, so together with the ink font it is all matched together. The black in the ink is reflected in the pen. The delicate brushes at the corners only enhanced the banner.

The second is my least favorite of the image banners because of the text. The text is dark gray in a gray outline, which is difficult to read, especially since it is in a curly handwriting font. In addition, the gray is not to be found anywhere on the colorful background, so it contrasts too greatly. The teal of the Draik's skin (in shadow) probably would have been a better choice than the color of the tiny claw. Though the background wasn't done badly; the image quality is decent and the brushes were effective.

On your layout requests: they don't look so bad! The one for Spring Breeze is your best because its color scheme it uninterrupted, the image choice is cute and cropped just so, and the navigation looks fine!

In your review, you looked at the site, went through all the criteria with appropriate detail, and offered helpful suggestions for improvement. The only error I saw was that in the summary paragraph, you typed 'recieved' instead of 'received', which is a bit ironic, considering the context. (It was the only one I could find, though.)

Time to revise the request section. The thing I liked most was how you blended the waiting lists together into a master list; I can imagine this not only keeps it all in one box, but gives you an idea of where to start from your various requests. I felt that the rules could be revised, though. The rule I have a right to refuse your request for any reason can be seen more in-depth at How to Offer Great Service; what could the reason be? Would you refuse my request if you didn't like my site? If you didn't like my avatar? If you decide to keep this rule (after all, it is your choice how the waiting list looks), perhaps you should rephrase it like this: I have a right to refuse your request for any reason, which will be explained by Neomail. That way, your customer won't feel automatically rejected. I'd also like to suggest that the rule When I say believe, you say unicorn be located higher up the rules list so it isn't the very last bullet, thus not extremely isolated.

-1 for browser buttons and shading issue, both in resources
-0.5 for slight rule mishap(s)

+2 bonus for bonus content: various requests!

Language {18.5/20}:
Your grammar is, on a whole, perfect. I could not find any grammar errors worth correcting (or, if my memory serves, any at all). I did find some typos scattered about the site, though; considering the amount of text you have, it is not a terribly large ratio.


First Things First, Common Sites Guide: Under 'Adoption Agencies' header, change 'Adoption Agencys' to 'Adoption Agencies'.
Adding Content, Pictures: Change 'seperate' to 'separate'.
Adding Content, Pictures: Add 'you' after 'when' in phrase 'But when combine a love of pictures with site making'.
Buttons and Advertising: Change 'figure' to 'figured'.
Buttons and Advertising, Why Advertise: In the last paragraph, change 'its' to 'it's'.
Review, Drawing Board: Change 'resoltion' to 'resolution'.
Review, Craft Fair: Change 'consistancy' to 'consistency'.

In your layouts request form, I noticed that you used the pronoun 'we', to represent Creativity as business, in the first blank; however, in all the other parts of the form (and in the other forms) you referred to yourself as 'me' or 'I'. This confused me a little; be consistent with your pronouns to avoid further confusion (I'd recommend sticking with 'me' and 'I').

I also saw that your site used a lot of smileys in various places within the guide. I would try to avoid doing this, as it can make you seem less professional. If you still want to convey an easygoing, pleasant mood, you could try to insert it into your writing's mood; however, I can't tell you how to do it so I'm afraid I can't tell you that. Here's an example of my writing on the homepage that might be an indicator of writing a happy mood without smileys:

Guild information pages and pet applications are fit to apply, so don't be shy!

-1 for minor spelling errors throughout site.
-0.5 for register conflict with smileys.

Sitewise {18/20}:
I can see, looking at your updates, that you update frequently - at least every other day, on average - and that almost all of your updates are directly site-related. What I also like is that you've somehow color-coded your bullets to the type of news you post; it brings out the rainbow color scheme from the layout's title. Looking at your updates box, I also see you're entered at Planetarium, which is good for your site's publicity.

Now, on to your link back buttons. I must commend you for variety of linking choice, however I noticed a common problem in each of your buttons that hindered their appearances: no matter what the background was inside the button, each had a black border, and most had black text. The contrast between bright color and lack thereof is unsettling, and can easily be fixed by using a dark color from the background. As an example, my favorite button in your portfolio happens to be the oldest:

It is not animated, but the monochrome rose and red border/text contrast each either artistically (the flower naturally has color, but instead the border does) and it's a very simple button. To add this little bit of color to your link back buttons, you could either change the existing border/font colors, or request new buttons (though I feel that you would rather make your own). Here is a recolored border that I did myself to show you the difference (though clearly the shadows could use some work) and recolored text/border:

On to the affiliates and listers! I see that you have a fantastic amount of affies and listers for the amount of time you've been open, so great work! However, a lot of affies means a lot of maintenance, so:

Effey's Code Guide is closed.
Tae Tae's Shop Directory has changed names to Affinity's Shop Directory.
Meow Buttons doesn't list you as their affiliate (probably because Ray of Sunshine is owned by the same user).
Tantha-Fonts doesn't list you as their affiliate.
Spark is closed.

-2 for color issue in all link back buttons.

+1 bonus for frequent site updates!

Opinions: Green is a nice color, but don't be afraid to use other colors around the site! I don't think red, orange or purple have been implemented too much. (Keeping to the rainbow theme!)

Final Comments: Content-wise, I found very few problems throughout your site, which is great to see. My expectations were surpassed with your great variety of extras in addition to a wonderful site guide. I know you have the capability to make a stunning layout, so don't give up! And try to put some more color into the borders and text of your buttons! Thanks for requesting, and I hope you come back soon!

Achievements

Ranked #3 in Site Guides at Euphonious

Fanmail

Credit

Some layouts were made by others, while I simply provided the coding. Don't forget to hover over all the images in my portfolio to find out who did them!

Big thank yous go out to all the wonderful sites that I have linked back to throughout this guide! You all have amazing sites and I encourage you to keep up the good work!

This site would not be possible without the encouragement and support of my friends, who always tell me to follow my dreams. I was so lucky to find each and every one of you, and the gift your friendship will never be forgotten.

Layout design and coding are copyright of cristerwiz15. All content, ideas, and images also copyright of cristerwiz15 unless otherwise credited. No stealing, please!

Reviewed 7/21/2011

Associates

The first thing I notice here is that your affiliates list is rather small. Now, there's nothing wrong with a small list - it's a good thing to be selective. What makes the small list bad is that it's obvious it's a small list. If you put in a div to separate out the buttons, in just that section, it will make your list appear larger. Over time, as you get more affiliates, you can remove the div (it'll space everything out too much if you leave it there). The CSS for your div will look like this:
You can edit the margin to be anywhere between 1 and 8, and change the class name "imgspace" to anything else you want.

The next natural step in the process is to do some link checking over all your affies. I'm not sure how often you normally do link checking, but you might want to make it a bit more often.

The Forest Directory and Mystik Buttons are now closed - their buttons should be removed.

Effey's Code Guide has moved to /~Nazarkhan, and you will need to re-apply if you still want to be an affiliate.

Flash is temporarily closing - keep an eye on them to make sure they still list you as an affiliate when they reopen.

I don't cover listers in this review, but it might be a good idea to do some link checking there as well when you get a chance. A lot of directories have been closing lately.

Now, looking at the quality of the buttons you have left. I do understand, this can't always be helped - you have to take what the person has available. The only button I have a problem with the quality of is Lily Pad's Rave Reviews. Looking at their site, they now have some higher quality buttons available, so I would consider replacing the one you have.

Onto the credits! I can guess at what sort of things you got from other places - the little pixels on your updates and dailies are probably resources from another site. But I'm not sure which one. You have five different sites listed on your credits, but unless I explore each one I won't know where everything is from. I suggest putting that information in hovering text over the button. The code for that is:
This way, the format of your credits is not interrupted, but if people like one of the resources you used they'll be able to find it a lot easier.

Personal Care

I have absolutely no complaints here. From the news feed and your updates I can see how much time you spend working on your site, and if you didn't care you wouldn't be doing that. That makes me feel really good about using your page - I know that a lot of work went into it, so by using it I'm helping to make sure that work doesn't go to waste.

Even if I hadn't spoken to you on the boards, I would be able to tell from your site that you're a really nice person - you're friendly, polite, all those things I normally look for when I'm deciding what sites to use. No one wants to use sites run by rude people, after all. But you definitely don't have to worry about that.

The last thing to cover here is how attentive you are to the needs of your clients. Now, I know you don't have absolutely everything that people would find helpful - it's really impossible to do that. But you have quite a collection on your page, and you're still adding more. That shows that you do listen to your clients (or maybe you just do a lot of snooping around XD) and you add things you feel people would really find helpful. Your ranked sites list really pushes this category up to an A+.

Advertising

I really don't see a ton of in-site advertising here, and this can be both good and bad. It's good because even if you advertise well, too much advertising makes you seem over-confident about the success of your site, and gives people the impression that you're a little too full of yourself to take them seriously. It's bad because the people who are only just trying out your site won't see much in the way of reassurance that they have come to the right place.

However, the advertising that you do have shows that you're confident in your work, and getting more confident about it all the time. I'm honestly not sure if more advertising would benefit your site or not. The way I see it, your site has operated just fine without it, and will probably continue to do so. In the future if you feel like adding more, however, I would suggest adding a more formal introduction to your site above "What's New?" and "Today's Featured Site." This will give people a better understanding of everything they can find when they go to your site.

The Product

Dailies
This is the absolute best organization of dailies I have ever seen before. You really separate it out into what everyone can do, what some people can do, which ones will take more time or cost more money, etc. You even have the games separated out into a not-so-intimidating block, which actually encourages people to get their neopoints! However, I think my favorite thing about your dailies is the information you put next to each picture. Large enough to read, yet somehow all the information is still there. I wouldn't change a thing about this.

Recommended Sites
It is really fantastic to have recommended sites, and I like that there is more than one choice in each category - as we all know, everyone likes different things. However, I sort of get the feeling any site could get in if you felt they were useful enough, and that doesn't really make them the best of the best. I would suggest putting a limit on the number of sites that can be in each category - maybe 14 sites per category, which would be two lines. After all, other people can go to a directory if they don't find a good one there...but with 14 site choices, I would find it hard to believe they didn't like any of them.

Avatars
I don't know if you have listed all of the clickable avatars, since I don't have them all memorized. I'm going to assume that you do. But if you don't, then definitely try and get all of them put up there, otherwise people won't be getting quite what they expect. I would also suggest working on the avatar items you lend. All I see is a wall of avatars. Pretending I'm totally new to avatars and am too lazy to go look at the guide you linked people to at the top of the page, I have no idea what items one might need for each of these avatars! At the very least, I would separate out the ones that need items from the ones that need pets. Nothing like asking for an avatar lend and having a pet sent to you when you were expecting an item. You can put these in hover text (which works just as well for an unlinked image as a linked one), or you can break up your avatar wall to write next to them.

Extras
I must confess, I'm quite impressed at your extras section. Most people wouldn't bother putting all of this stuff on their page, so it really makes your site stand out :) Now, the first thing that jumps out at me here is the headers, and on one I see Cursors & Counters. I also notice right away that there are no counters. I'm thinking you just haven't gotten around to making any yet, but you still might want to put down something like "counters coming soon!" so that people aren't wondering where they are. The second thing I notice is your shields. I must confess, I'm a little bit confused here, and that's not a good thing. First, the pink heart ones. There's no code to take them. Since it doesn't look like they need editing, you should probably put one there. Next, the ones with a regular shield base. I would assume that since they all say "Name" you'll be putting the name of whoever has requested that shield. But where does someone request a shield? I think a little more explanation is required here. None of the other categories really jump out at me - that's a good thing. :) I absolutely love the style of the second petpage, by the way - the grey one with the girl looking up at the content box. It's so pretty!

There are also a few spelling mistakes in this section I would like to fix. They won't factor into your rating, I just can't leave something like that alone when I'm staring at it for so long.
screanies = screenies
comming = coming
That's all I spotted here, but you might want to proofread the rest of your site.

Rating


I have rated Rowlier's Guide to Neopia 4/5 stars. You have received this rating because your site is well thought out and shows promise of having even more helpful content in the future, but you need to pay closer attention to those little details that help keep your site at the top.

You need to work on your link checking and your spelling. You also need to do little fix-ups of your site where I pointed out that people could be confused. The best part of your site is your dailies. If you can spread that sort of organization into all other parts of your site, I think you'll hit a rating of 5/5 stars. :)

In conclusion, I would definitely recommend your guide to new members or people returning to Neopets after a break. You have everything organized on your site so that everyone knows what things are found where, and how and why you should do them. Keep up the good work!

Feeling more confident about my work? Head on back to Request and Pick-up!
I would assume if you're here it's because you're having some trouble finding a slogan for your site! But never fear - Creativity is here! That in itself could be a slogan, though I've chosen not to use it as one. Here are some helpful things to remember when creating a slogan.

It's okay to take references from pop culture or anything else.
In fact, it's okay to downright steal from them. Remember, you're not marketing your site in the real world - if you were, this would not be okay. But on Neo, you're perfectly safe to use this method. Think about famous advertising lines, lyrics to popular music, anything else you can think of. If people can relate your slogan to something they know in real life, they'll be more likely to use your site.

Example: Think outside the bun. - Taco Bell, from thinking outside the box.

Jokes are great - just make sure they're either funny, or so lame you can't help but smile.
A joke, even one you've created yourself, can work out very nicely if you have your site name be the punchline. This is great for advertising on the boards - people often click on topics with questions for titles. Your joke should be funny if you decide to go for this method - or you can make it an incredibly lame joke, which will make your board get bumped up quite a bit with people telling you how lame it is.

Example: Listen to almost any commercial. The joke is the whole thing.

Your site name doesn't need to be in your slogan.
It really doesn't, I promise. You want it to relate to your site, but having the name in there doesn't work with every site out there. Is there more of a chance of people remembering your site name if it's in the slogan? Maybe...but history proves that people will remember anyway.

Example: Give me a break. If you don't think Kit-Kat when you hear this, where have you been for the past 10 years?

By now, I'm hoping that you have already found some ideas for your slogan. But if not, then here are some things that you should be looking at to help you decide!

The name of your site.
And more specifically, how you came up with that name. Was it a lyric in a song or a title of one? Was it an inside joke with your friends? Just think about the origin of the name - you may have your slogan right there.

The theme of your site.
If you use images of stars all over your site, maybe you want your slogan to relate to that...likewise if you use something else. So look over your site to get some inspiration!

What makes your site unique.
Everyone has at least one thing that makes them unique, and the same rule applies to sites. Figure out what makes your site unique, and use it to your advantage in a slogan!

Figured out your slogan? Head on back to Buttons and Advertising!
Here is a list of untaken site names compiled by me! Please neomail me by clicking the envelope if you use one of these names or see someone else using it!


The Apothecary
Baby Steps
The Beach House
Candlelight
Castaway
Clam Chowder
Color Wheel
Diamond Mine
The Edge
Faded Memories
Fine Line
Flavor
The Foghorn
Glowing Embers
Halfway
In Your Honor
Island of Misfit Toys
Left Click
The Magician
Maple Syrup
Mission Impossible
Moonlit
Mysterious
Outside the Box
The Palace
Parchment
Peaches & Cream
Pot of Gold
Purity
Shout Out
Sketchpad
Snowfall
Soothing Melodies
Sparkle
Stopwatch
Symphony
Touch the Sky
Tropical Breeze
True Blue
Zephyr


Still didn't find anything you like? Maybe looking at these lists of untaken site names will help you:




Picked your site name? Head on back to First Things First!
This list of basic site types will give you some information on the workload you can expect and describe what you would do on that sort of site. Loading bars show how often you'll have to update your site and how long you are likely to spend working on things for your site. If the bar is completely filled, then that means your site needs a lot of maintenance, while if it is empty that means it doesn't. Examples of those types of sites are also given, if you would like to explore one.

Adoption Agencies

Includes: Regular Adoption Agencies, Pound Tracking Sites

Important to keep track of dates so that pets who are no longer UFA are not listed. Frequent checking in with people or simply checking on pets yourself is mandatory.

Updating
Time
Usefulness
Popularity


Competitions

Includes: Site of the Month, Button/Banner of the Month, Ranking

You must think a lot about ways to make your competitions unique, and keep checking your neomail for votes to come in. Graphics as "prizes" are also customarily made.

Updating
Time
Usefulness
Popularity


Directories

Includes: Link, Pet

Frequent link checking is a must. Sites constantly go on hiatus, become inactive, close, move to a new page, etc. Do not run one unless you have a lot of free time.

Updating
Time
Usefulness
Popularity


Dailies Guide

Includes: Dailies, Neopoint Making

Some research needed for this sort of page. If your site includes games, it is important to update the current score ratio every month.

Updating
Time
Usefulness
Popularity


General Guides

Includes: Games, Restocking, Tutorials, etc.

Requires a lot of time spent researching so that you feel qualified to make a guide. Good to check over your information from time to time to make sure it is accurate.

Updating
Time
Usefulness
Popularity


Graphics Premades

Includes: CSS, Layouts, Adoptables, Pixels, Fonts

Lots of content needs to be made before opening the site. New graphics should be made every so often, and suggestions should be taken.

Updating
Time
Usefulness
Popularity


Graphics Requests

Includes: CSS, Layouts, Adoptables, Pixels, Buttons, Banners

New graphics, and not necessarily ones that you like, must be made every day. Interaction with other people is mandatory. Remember - what the customer wants, the customer gets.

Updating
Time
Usefulness
Popularity


Lists

Includes: Prices, Untaken Names, Items

Research is required for this site type. Similar to guides. Lists must be updated more often than guides, because the information goes out of date faster.

Updating
Time
Usefulness
Popularity


Reviews

Includes: Review Sites

You must be able to pay close attention to detail to run this sort of site. Reading and writing skills are required. Interaction with other people is mandatory.

Updating
Time
Usefulness
Popularity


Personal Pages

Includes: Screenies, Lab Ray Chart, Wishlist, Journal

Screenie sites sometimes take affies and function like a normal site, but all others are done just for yourself. No maintenance is required, as people only look at them for fun.

Updating
Time
Usefulness
Popularity


Click it. I dare you.

Picked your site? Head on back to First Things First!

HTML vs. CSS

HTML and CSS are two terms that you'll hear a lot when discussing code. But which one are you supposed to use, and what are they anyway?

CSS - Cascading Style Sheets
CSS is where you deal with the major design of your site. Your text color, background color, and look of your navigation links are a few of the things that can be found here. CSS is enclosed within style tags, and is always found at the beginning or end of your code. Here is an example of CSS:

HTML - Hyper Text Markup Language
HTML is the code that surrounds your content. I often think of it as a way to bring your CSS to life. CSS is the design, and HTML is the structure. It is where you will write your main content, and decide on the final position of everything that you put in your CSS. Here is an example of HTML:

Divs or Div Boxes

Divs, sometimes called div boxes, are basically a block of content. They can be internal and external to your layout (that is, they can create your layout or be located inside it), and typically serve to separate out one part of your content from another, or to isolate your content on one section of a page.

Divs are used because of their flexibility. You can easily edit the size, placement, color, and just about every aspect of your site through a simple div code. You can also put all your information in the CSS, and then implement the div in HTML, or you can write everything in HTML. As you get better at coding, you'll know when each method should be used, or when both must be combined to make the div successful.

Here is a div written in CSS and implemented with HTML:


And here is the same div, using only HTML:

Tables

Divs are amazingly versatile, but they don't do everything. This is why you need tables. Tables organize things into different columns, and can often give a neat and orderly feel to your site. They are very useful when you want to display things side by side.

One drawback to tables is that they have a mind of their own. It's typically a good idea to control the height and width of each cell in the table. as well as their text alignment. Tables will also change your font - so make sure you include your font size and family somewhere in the table code.

I personally recommend the NeoHTML Guide if you would like to know how to construct tables, but here is a quick table code for you to look at as an example:

Classes vs. Ids

When looking through code, you'll most likely notice things that say div id or div class. What defines the difference between them?

An id is the most common style, and it is identified by the sharp sign, #. In my code, I use ids to define the divs that I use to construct the layout. Many people use them for all divs. You can use them for anything, though. An example of an id is:


A class is also fairly common, though used less than an id. It is identified by the period, . In my code, I use classes to identify anything that will not contribute towards the layout. Many people use them for things that are not intended to be divs - text areas and tables, for example. An example of a class is:

Common Codes

Some codes are so common, that even if you're not interested in learning HTML, you should probably know about them. Chances are, you'll be using them at some point! I'll also cover some of the basic properties in CSS, which can be used in the "style" property of HTML.

Common Tags in HTML
Bold Text
Italic Text
Strikethrough
Link


Common Properties in CSS
Background
Border
Font Size/Family
Font Color
Alignment

Internal Navigation

I know this is something a lot of people have trouble with, so I wanted to include it. Internal navigation is navigation that leads to places in your site, rather than outside of it. In real-world web design, it is navigation that keeps you on one page, as opposed to moving to another one.

In the previous section, you learned how to create a link. The method is the same - except instead of a link, you want to put an ID (discussed in the Classes vs. IDs section). For example, let's say you want to link to your site rules. You would write an HTML code that looks like this:


That seems simple enough, but there's one small problem: without an actual navigation link, how does it know where to go if you click that? It doesn't - but that's easy enough to fix. Find out where you want it to link to - in this case, that's probably above the header that says "Rules." This is the way you put the code in:


Notice how this link does not have anything inside it. This is the confusing part for most people. What happens if you put something inside it? I'm honestly not sure. It's just not normally done.

If you're looking for a more in-depth coding tutorial, or a specific code that I didn't provide, I would suggest going to one of these sites:


As a closing note, I would just like to remind you that this tutorial doesn't teach you everything. The best way to learn HTML and CSS is to grab some codes, start changing things, and see what happens!

Think you understand HTML and CSS? Head on back to Layouts and Banners!

Feeling more confident about my work? Head on back to Request and Pick-up!

Text Banners

Image Banners


Feeling more confident about my work? Head on back to Request and Pick-up!

Live Previews

Coding Only

Hover over these to see who made the layout!

Images

These are sites that have changed their layout or closed, so there is no live preview for these layouts. Sorry for the inconvenience!


Feeling more confident about my work? Head on back to Request and Pick-up!

As I was telling you before, a layout ties in very closely with organization. But there's something you may not have considered when you were figuring out how to arrange your content - the banner.

Banners

A banner is pretty much that flag above the entrance to your site. It sends out a signal that says "Hi! This is what to expect from my site!" But what is your banner supposed to look like, and how are you ever going to fit it onto your site?

Your banner doesn't have to be traditional.
Your banner doesn't have to be square, with just an image and your site name. Your banner can be anything you want. Make it part of the layout, make it only text, make it anything...be creative! Limiting yourself to certain types of banners just because you think they're the expected ones is never a good idea.

It's more important for you to like your banner, than have other people like it.
I know that sounds hard to believe. But if people don't like your banner, it won't stop them from using your site - unless of course, you run a banner request site ;) Trust me, you don't want the first thing you put on your site to be something you don't like. If you do, you'll usually end up feeling that way about the whole site.

Your banner is an extention of yourself, and your site is an extension of your banner.
Keeping that firmly in mind is probably the most important thing when it comes to banners. What you're feeling will translate into your work. And once that work goes on your site, it'll effect the feel of your entire site. For example, if you make a banner you don't like, you won't do as good a job on it or it will be lacking some effort. It will look sloppy, making your whole site look sloppy. So be careful when designing one!

Choosing a Layout

By now, you should have an idea in mind for what you want for your layout. But just in the event that you don't, I've made this handy algorithm for you! I use them constantly when programming and find them to be very helpful. I've formed this one into a flowchart for easy use. Simply read what is in each box, and depending on how you feel about the statement simply follow the arrows! If you cannot read the flowchart, simply click and drag it to the address bar. Keep in mind this isn't 100% accurate, so you are more than welcome to choose a different layout style than what the algorithm suggests.

Before you start scrolling...

We do offer some premade CSS for you to use, if you want. If you decide to use our premades, or even if you decide not to, I highly suggest checking out our coding tutorial. This will give you enough of a basic overview to successfully edit layouts, and maybe even make some yourself.

Each layout has a small list of features.
These features will tell you if the save button is visible on your preview, what type of site can use the layout to its full potential, if a custom banner can be made for it, and one other unique thing about the layout. I would suggest paying attention to these, because they tell you things you might not find out until you actually go to use the layout.

There is a small stretched out picture next to each list of features.
This is a preview of the layouts, that focuses only on the main part of each layout. Most layouts have a more centered alignment than the preview shows. If you are in IE, you must click and drag this image to your current tab to see the full size. In all other browsers, drag and drop to the tab bar to see the image.

Each layout has at least 5 color schemes to choose from.
If you hover over the image of each color scheme you will see a small text box pop up. This will have the name of the color scheme, as well as the color codes. This makes it possible for you to mix and match the colors I've provided, if you would like to edit your layout. Don't like my color schemes? Try some of the ones from these awesome sites!

One Column Layouts

Style One: Trading Card

  • Gives traditional trading card look
  • Save button visible under content box
  • Perfect for small informative pages
  • Custom picture banners can be made

Two Column Layouts

Right-Sided Content

  • Navigation column remains stationary
  • Save button not visible in preview
  • Useful layout design for guides
  • Custom picture banners can be made

Left-Sided Content

  • Navigation column remains stationary
  • Save button not visible in preview
  • Useful layout design for guides
  • Custom picture banners can be made

Three Column Layouts

Style One: Square Dance

  • Unique banner and imaging style
  • Save button visible on bottom of page
  • Useful for every type of page
  • Custom picture banners can be made

Reuseable Blogs

Style One: Tiny

  • Unique layout style that works on netbooks
  • Save button visible under content box
  • Neat display for review sites and guides
  • Custom text banners can be made

Now that we have a layout to put our content on, let's go see how to properly add it!






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