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