Simple guide to make neopets guide layouts.
In this i will tell how to
a. Make the layout
b. Code the layout
So lets get started.
1. Using a art program of your choice (I'm using photoshop) make a layout.
In this layout make some rectangular boxes label them contests,news,links whatever you like. Make sure the size of your working space will fit in the actual layout page. Play around with the sizes. Here is something I made in like 5 seconds.
2. Ok now since we got the basic layout done lets get into some coding. Before proceeding I suggest you take a a look at the neopets HTML guide. Learn the basics like new line and such.
3. Ok, now go to a image hosting site I use imageshack.us, and host your image!
4. Now get the direct link of your image and in the neopets guild coding form enter
CODE
<img src="then your image url">
5. Ok lets get into coding now. There are a couple of things a guild should have on its layout. In my opinion you need a news box and a links box. Now what we are going to do is insert basic scroll bars into your layout. The code for a scroll box is
CODE
<div style="position:absolute; left:100px; top:100px; width:100px; height:100px; background-color:#ffffff; overflow:auto">
THEN YOUR TEXT HERE
</div>
Ok so enter that into the code form make sure to spam up the part that says "THEN YOUR TEXT HERE" so you can locate it. If your confused about what all that stands for I'll explain.
You might be wondering why there isn't a right or down. The answer is that it starts at 100 so if you want the scroll box to go right decrease that number. Same goes with down. Now the width and height helps you determine how long and wide you want your scroll box to be.
6. Play around with those numbers till you get the scroll box perfectly inside the rectangular box you made in the layout.
Do the same with the links,the way to insert links is
CODE
<a href=www.yourlinkhere.com">WHAT YOU WANT IT TO SAY</a>
so that would basically look like WHAT YOU WANT IT TO SAYThats all folks
