Editing Forum:Help Me!!!

{{Forumheader|The Realm of Sleep|Twilight Town Library}}

<!-- Please put your content under this line.  Be sure to sign your edits with either your talk page template or four tildes ~~~~ -->

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|time=17:27, 6 July 2009 (UTC)|text=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:
<pre>
{| style="border: 3px bordercolor solid; background: backgroundcolor; padding: 5px; width:300px; text-align:center;" align="right"
|-
</pre>

Fill in the 'bordercolor' and 'backgroundcolor' with the [[Help:Color Chart|colors]] you want.


To insert a single row, type:
<pre>
|colspan="2" style="border: 2px bordercolor solid; text-align: center; color: fontcolor; background: boxcolor;" | text
|-
</pre>

Fill in the 'bordercolor', 'fontcolor' and 'boxcolor' with the [[Help:Color Chart|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:
<pre>
|colspan=2 style="border: 2px bordercolor solid; text-align: center;"| image
|-
</pre>

Fill in the 'bordercolor' with the [[Help:Color Chart|color]] you want, and put your image (300px) in instead of 'image'.


To insert a double row, type:
<pre>
|valign="top" style="border: 2px bordercolor solid; background: boxcolor; width:140px; color: textcolor1"| text
|style="border: 2px bordercolor solid; background: boxcolor2; color: textcolor2"| text2
|-
</pre>

Fill in the 'bordercolor', 'boxcolor', 'boxcolor2', 'textcolor', 'textcolor2' with the [[Help:Color Chart|color]] you want, and insert your texts instead of 'text' and 'text2'.


To end the infobox, type <pre>|}</pre>


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 '''<nowiki>(~~~~)</nowiki>'''.}}
{{DOH|text= . . .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|time=09:38, 16 July 2009 (UTC)|text=You put it under each other, with no spaces. I'll give you an example:
<pre>
{| 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
|-
}}
</pre>

Which will turn out like this:
}}
{| style="border: 3px black solid; background: #590000; padding: 5px; width:300px; text-align:center;" align="center"
|-
|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
|-
}}
{{-}}
{{Xiggie|time=09:38, 16 July 2009 (UTC)|text=If you study the coding, and then the template, you'll see what does what :P

Hope that helped :D}}
{{DOH|text= Thanks a bunch!}}

{{AROS|time=12:30|text=Ah, nostalga.}}
@@ Line 15: / Line 15: @@
 </pre>
-Fill in the 'bordercolor' and 'backgroundcolor' with the [[Help:Color codes|colors]] you want.
+Fill in the 'bordercolor' and 'backgroundcolor' with the [[Help:Color Chart|colors]] you want.
@@ Line 24: / Line 24: @@
 </pre>
-Fill in the 'bordercolor', 'fontcolor' and 'boxcolor' with the [[Help:Color codes|colors]] you want, and make the 'text' say whatever you want (Most commonly used for the User name/Your name).
+Fill in the 'bordercolor', 'fontcolor' and 'boxcolor' with the [[Help:Color Chart|colors]] you want, and make the 'text' say whatever you want (Most commonly used for the User name/Your name).
@@ Line 33: / Line 33: @@
 </pre>
-Fill in the 'bordercolor' with the [[Help:Color codes|color]] you want, and put your image (300px) in instead of 'image'.
+Fill in the 'bordercolor' with the [[Help:Color Chart|color]] you want, and put your image (300px) in instead of 'image'.
@@ Line 43: / Line 43: @@
 </pre>
-Fill in the 'bordercolor', 'boxcolor', 'boxcolor2', 'textcolor', 'textcolor2' with the [[Help:Color codes|color]] you want, and insert your texts instead of 'text' and 'text2'.
+Fill in the 'bordercolor', 'boxcolor', 'boxcolor2', 'textcolor', 'textcolor2' with the [[Help:Color Chart|color]] you want, and insert your texts instead of 'text' and 'text2'.
@@ Line 84: / Line 84: @@
 |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]]-->
+|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'''