UESPWiki:Userboxes

Userboxes are those little boxes you see on people's user pages, like this one:

OBHealthIcon small.png This user likes hearts.

These let fellow editors know what you're interested in, and what you're knowledgeable about. The easiest way to add userboxes to your user page is to use one of the pre-made userbox templates. To add a userbox, simply type the text in the Template column of the chart below to get the result in the Userbox column. Additionally, many pre-made userboxes will automatically add you to special User Categories if they are placed on your user page. This lets people easily find other users with similar interests by looking at the category pages.

A directory of all userboxes can be found in User Box Templates.

See also:

Universal ParametersEdit

All userboxes site-wide support a consistent set of optional parameters to allow you to change their color and content. The following parameters are available:

Userboxes
Parameter Scope Description
id-c optional The color to use for both the border around the entire box, as well as the background color for the logo. (Note that in most userboxes, you can omit the parameter name as long as this is the first unnamed parameter. Some boxes already make use of unnamed parameters, however, so use the full name if you want to be sure.)
info-c optional The color of the background behind the text portion of the userbox. (As above, the parameter name can be omitted in most userboxes.)
info-fc optional The color of the text. (As above, the parameter name can be omitted in most userboxes.)
text optional Custom text to use in place of the standard text for the userbox. (Unlike the others, this parameter name must be specified.)

Rolling Your OwnEdit

Creating your own userboxes is a little more complicated, but not too hard. The example at the top of page was created with the following code:

{{Userbox|#CCCCFF|#EEEEFF|[[File:OBHealthIcon small.png]]|This user likes hearts.}}
OBHealthIcon small.png This user likes hearts.

The two color values determine the background of the small image-box and the larger text-box, respectively. The other two fields are used to select the image and the text. There are also two other special userbox templates, for those who want a little variety:

{{Userbox-r|#CCCCFF|#EEEEFF|[[File:HeartIcon small.png]]|This user also likes hearts.}}
This user also likes hearts. HeartIcon small.png
{{Userbox-2|#CCCCFF|#EEEEFF|[[File:HeartIcon small.png]]|This user ''really'' likes hearts.|[[File:OBHealthIcon small.png]]}}
HeartIcon small.png This user really likes hearts. OBHealthIcon small.png

TipsEdit

  • If you want all your userboxes to line up nicely on the page, try to keep your image to no more than 45 pixels in height and width, and your text to no more than 3 lines. More than that will cause the userbox to be taller or wider than standard userboxes, which can mess up your alignment.
  • To shrink larger images down to fit, use a |45x45px command in the image declaration.
  • To change the font color of the text box, after you input the background color for the text box insert the command |info-fc= and then the color you would like. Most common colors can be specified by using the word (e.g., |info-fc=yellow), or you can use HTML colors if you're familiar with them.

More detailed instructions for creating your own userboxes can be found on Wikipedia, where these templates were taken from.