Userboxes (commonly abbreviated as UBX) are small colored boxes designed to appear on Wikipedians' user pages. They generally include one or two small graphics and a few short lines of text. Sometimes they also include wiki markup that places the user in a category. Userboxes are generally created as templates and transcluded onto userpages, although their markup may be substituted directly onto userpages instead. Userboxes should not be used in articles.

The first userboxes were designed to support the Babel inter-language effort, which were designed to show skills in other languages.

How to make one Edit

Userboxes are made up of a few key parts, each one can be altered to say or look how you want it. However, when making the userbox from this guide it is important to remember that you must first create the Template:Userbox (like the one seen here on wikipedia.) if this is not done then the userbox will not show up.
Now we will start making a userbox. As always with templates like this start out with,


However, now that you have your nifty Template:Userbox you must add Userbox. This is what you should end up with,


Now we can start creating the box itself. The first thing we will select is the border color, this is simple, all you have to do is type.

border-c =

And then a color, for this userbox i will choose black. We should end up with this code.

{{Userbox|border-c = black |

It is that easy, now we will choose the border size which is measured in pixels. A good size for the border is between 1 and 5, any bigger and the border will start to make the userbox to big, for my box I am going to leave the border at 1. To do this we will type in border-s (s standing for size.) so it will look like this.

border-s = 1 |

The whole thing should now look like this.

{{Userbox|border-c = black | border-s = 1 |

Next we will choose the I.D. we want, this can be done with either a picture, or words. (The I.D. is the words or picture that appears on the left side of the userbox) I am going to user words, for this example it will be much easier. (Note:if you user a picture you must size the picture down.)

id = EX. |

Now we have our I.D. and we need to choose a size for it, this is done in much the same way as the border size. Somewhere between 10 and 20 is a good size for the I.D. I am going to create mine at 14.

id-S = 14 |

This is what you should have so far.

{{Userbox|border-c = black | id= EX. | id-s = 14 |

Now for the color of the I.D. this is done exactly like the border color.

id-fc = black |

Next we will choose the background color for the I.D. a great contrast to the black I.D. is red, so this is what I will use.

id-c = red |

Now our code should look like this.

{{Userbox|border-c = black | id= EX. | id-s = 14 | id-fc = black | id-c = red |

Wonderful, you are half way to creating your first userbox. Next we will change the info background color. (Note: you have not chosen the info yet, we will do so at the end.)

info-c = black |

Next we will choose the info size, we will want the size to be smaller then the I.D. but not to small, a good size would be between 5 and 10, I am going to use font size 8.

info-s = 8 |

Next we will choose the actual font color, exactly like the I.D. color the code should look like this.

info-fc = red |

We are almost finished, the code you have so far should look something like this:

{{Userbox|border-c = black | id= EX. | id-s = 14 | id-fc = black | id-c = red | info-c = black | info-s = 8 | info-fc = red |

We only have two more steps to create a fully enclosed userbox. Now we will add the info, the info is all the words inside the userbox that people will read. The info inside of a userbox can be anything from something that describes the user (this is generally the case), a statement about a given subject or person, or anything else you can think of.

Now, to insert the info into the userbox you simply type.

info = <insert info here> |

We are on the last step, this step is going to change what side of the page the userbox will be on, mine is going to be on the left.

float = left}}

The finished code should look like this,

{{Userbox|border-c = black | id= EX. | id-s = 14 | id-fc = black | id-c = red | info-c = black | info-s = 8 | info-fc = red | info = <insert info here> | float = left}}

This code should produce a finished userbox that will look similar to this.

EX. <This userbox was created by Sirkad for this article>

Creating VariablesEdit

A variable (in wikipedia terms) is information that will be changed depending on which user has the userbox (or barnstar). When creating a userbox (or barnstar) it is always smart to create it on a subpage and then simply use the template to put it on a userpage. However if you want to create a changeable variable this is a necessity. A great example of a changeable variable is if the users name is in the userbox. So if you want it to be able to change from person to person in place of the persons name put {{{1}}}. Then when you are placing the template on the persons userpage type,

{{<template name here>|<name of person>}}

This will automatically change the variable to the name of the person. If the persons name is in there twice just replace both names with {{{1}}} and it will replace both. If you want more then 1 variable the just put {{{2}}} and type,

{{<template name here>|<name of person>|<Second variable here>}}

This can be done infinitively with an infinite number of variables.