Template:Box/doc

Hey guys! Nightwing here, and today I'll be showing those of you who want to know how to use the Box Template. First, select the template from the "Add other Templates" list on the editor. When you open, you'll see some boxes to add text in. First, we'll start with the colors, as you can see here:



So, here's the thing about colors. Sure, you can enter basic colors, like "red" or "blue" or "cyan" or "black", but they look really bright and kind of weird to be on a page. So, that's why you need to use color codes for this. If you don't know what color codes are, click this link because it has a complete list of every color in the world and its code. So, once you've figured out what color codes are and which ones you want for your box, enter them on both the boxes labeled "Background Color" and "Border Color". Make sure they're not the same! I know, I know, even when you hit "Preview", it still lives like a tiny spot on your screen. Don't worry, it gets better! Now, once you're done with colors, we'll move onto sizes.

Starting with sizes, we need the width for you border of the box. Right now your border looks extremely thin, so type in "7px" where it says "Border Width". Don't enter anything on "Border Style" just yet, we'll get to that later. Anyways, scroll all the way down to the bottom of the template. You'll see some more things, but for now we'll only be using these:



Under "Box Height", type in "auto". The reason why you're going to type this is because if you enter a size, you only have a limited amount of text in your box. "auto" will stretch your box as far as your text goes. Now, for the "Box Width", enter "95%". Not how this is NOT a "px" thing. The "%" will fill up just about the entire width of the page. If you'd only like it to cover a portion of the page, enter "55%". Okay, so, now, moving on.

Scroll back to the top again. If you've hit "Preview" by now, it looks different than before, but still needs some tweaking. So, at the top, we have that "Border Style" again. Under that, type in "ridge", and your border will finally appear. If you don't like this style of border, let me know and I'll tell you some more styles.

Anyways, if you want your box to be rectangular, leave it, but if you want it to have rounded edges, under "Rounded Edges" type "yes". Under "Border Radius", type in "15px". This IS "px" again. Okay, I won't talk about shadows today, I'll leave that for another blog. Oh, I almost forgot! When you finish typing text in your box, type in " " or else the blog will stretch down really far. Thanks!

Enjoy your template!