Forum:Help Me!!!

Forums: Index > Twilight Town Library > Help Me!!!

Can anyone tell me how to get those colorful user box thingys that everyone has? I searched on the help link and couldn't find anything or I didn't understand it. It looks so cool to have those boxes with a character quote and picture!

Xiggie ^{Buy / Sell} — Welcome! What do you wanna do?

_{Just because we're kids doesn't mean we can't run a business— 17:27, 6 July 2009 (UTC)}

OK, I'll help ye!

This user box things are called Infoboxes. Something no user can be without :P

To start the infobox, type on the top of your userpage:

{| style="border: 3px bordercolor solid; background: backgroundcolor; padding: 5px; width:300px; text-align:center;" align="right"
|-

Fill in the 'bordercolor' and 'backgroundcolor' with the colors you want.

To insert a single row, type:

|colspan="2" style="border: 2px bordercolor solid; text-align: center; color: fontcolor; background: boxcolor;" | text
|-

Fill in the 'bordercolor', 'fontcolor' and 'boxcolor' with the colors you want, and make the 'text' say whatever you want (Most commonly used for the User name/Your name).

To insert an image, type:

|colspan=2 style="border: 2px bordercolor solid; text-align: center;"| image
|-

Fill in the 'bordercolor' with the color you want, and put your image (300px) in instead of 'image'.

To insert a double row, type:

|valign="top" style="border: 2px bordercolor solid; background: boxcolor; width:140px; color: textcolor1"| text
|style="border: 2px bordercolor solid; background: boxcolor2; color: textcolor2"| text2
|-

Fill in the 'bordercolor', 'boxcolor', 'boxcolor2', 'textcolor', 'textcolor2' with the color you want, and insert your texts instead of 'text' and 'text2'.

To end the infobox, type

|}

You can put up as many rows as you want, but you should only have one image. Remember to close the infobox once you've finished putting all of the things in it :D

You should check out some imfoboxes of other users, to use as a guide :P

So, now you should know how to create a Infobox. Enjoy :P

Oh, and if you have any trouble about anything else, ping me :P

p.s. You have to remember to sign your posts, DarkestofHearts, using the four tides (~~~~).

DarkestofHearts - We may both be different, but that doesn't mean we're the same.
TALK - Look at me,Roxas. Who do you see?

. . .wow, that's alot of stuff. Do I type it altogether, under each other, side by side? And my image won't show. Is there a basic infobox that I could use?

Xiggie ^{Buy / Sell} — Welcome! What do you wanna do?

_{Just because we're kids doesn't mean we can't run a business— 09:38, 16 July 2009 (UTC)}

You put it under each other, with no spaces. I'll give you an example:

{| style="border: 3px black solid; background: #590000; padding: 5px; width:300px; text-align:center;" align="right"
|-
|colspan="2" style="border: 2px black solid; text-align: center; color: white; background: black;" | Darkest of Hearts
|-
|colspan=2 style="border: 2px black solid; text-align: center;"| [[File:Heartless Sora.png|300px]]
|-
|valign="top" style="border: 2px black solid; background: black; width:140px; color: white"| '''Name'''
|style="border: 2px black solid; background: darkred; color: white"| my name
|-
|valign="top" style="border: 2px black solid; background: black; width:140px; color: white"| '''Age'''
|style="border: 2px black solid; background: darkred; color: white"| my age
|-
}}

Which will turn out like this:

}}

Darkest of Hearts
File:Heartless Sora.png
Name	my name
Age	my age

Xiggie ^{Buy / Sell} — Welcome! What do you wanna do?

_{Just because we're kids doesn't mean we can't run a business— 09:38, 16 July 2009 (UTC)}

If you study the coding, and then the template, you'll see what does what :P

Hope that helped :D

DarkestofHearts - We may both be different, but that doesn't mean we're the same.
TALK - Look at me,Roxas. Who do you see?

Thanks a bunch!