This tutorial is for MS Paint only, (microsoft paint.) It will not work on any other program!
Do not take this tutorial and make it your own! Stealers shall be HUNTED down! Enjoy the tutorial! And good luck, on your guild....
First of all, you must make the graphic. Go to MS Paint and go to Image. Click on Attributes and a popup will pop up. Make sure that under units, Pixels is picked as the unit. Then, for Width, put 600, and then for Height, put 800. Go to the internet and find the pictures you're going to use. Rick click and copy them, and then, using the croping tool, make a square, right click, and click Paste. Put the pictures where you want them to be. If you'd like to write some words, go ahead by using the tool that says A.
Still following along? Awesome. Now, using the regular square tool, look under where the tools are. There should be a box with three long rectangles that are shaded, or not shaded. Click the one that ISN'T shaded, but has a thin line for the outline of the box. Now, you have a box for text! You can head the box on the top, using the A tool. Keep a limited number to at least 3 to 4 boxes!
Confusing yet? I hope not! Now that you've got the image down, you need to upload it. You can upload it at Photobucket.com. Once you upload it, get the URL. It should be right under the picture. Highlight the url and copy it. Then, use this;
Put the picture's url where is says PICTURE'S URL.
Now it's time to code your layout! First, open up a Notepad or Notebook. Put the img src and stuff, in the scrolling box above, first. Now, once you've done that, let's start working on the real coding. If you want to make a scrollbar colored, use this;
Still following along? Good! Now, where the zeros are, put numbers. Oh wait, you need the color chart! Go here for a good color chart! Mess around with it!
In the scrolling box below is where you put the stuff for your box. But first, you have to align the TEXT with the box.
Where you see TOP and LEFT, you need to put numbers where the zeros are. The top means how high the top is, from the top of the webpage. The left means how far from the left you're going to have the box. See where it says WIDTH and HEIGHT? The width means how fat your box is going to be. You might want to leave enough room for a scrollbar if the text overflows. The height means how tall the box is. If it's too tall, the overflow won't happen for a while, and your text might run out of the box. Below is what you need to paste.
Almost done! Hang in there! Now, post those things, (above,) as many times as you have boxes. Once you're done and you have all the text in the right boxes, you've got to close up the tag with this;
You're done! Now, go and show off the guild layout you just made!!!