FANDOM


[view · edit · purge]
Template documentation (for the template shown above, sometimes hidden or invisible)

A template used to construct small boxes with information which users can put on their user pages.

For pre-made userboxes, please see Category:Userbox templates.

Usage

{{Userbox
|left image =Wiki.png
|text       =This user loves ''The Vault''.
}}

All of the parameters are completely optional; however, it is recommended to use at least one of the text or image parameters.

Parameters

N
(default: "#F8F8F8")
bg
Main background color of the box. Accepts standard HTML color names or RGB hex triplets.
N
(default: "#AAAAAA")
border color
Color of the box border. Accepts standard HTML color names or RGB hex triplets.
N
(default: "1")
border width
Width of the box border in pixels.
N
(default: none)
clear
Sets CSS "clear" attribute for the box. Basically, this is used to "reset" floats (see below). For example, setting this to "left" will cause the box to appear at the left margin of the page even if there are left-floating elements before it (which would normally cause the box to appear to their right).

Available options:

  • left: Resets floats to the left.
  • right: Resets floats to the right.
  • both: Resets all floats.
  • none: Resets no floats.
N
(default: "left")
float
CSS "float".

Available options:

  • none: Text does not flow around the box.
  • left: Subsequent text floats around the box on the right.
  • right: Subsequent text floats around the box on the left.
N
(default: "52")
height
Height of the userbox in pixels.
N
(default: "#D8D8D8")
left bg, right bg
Background color of the respective section. Use bg to modify the main background color (=the background of the middle section). Accepts standard HTML color names or RGB hex triplets.
N
(default: "#000000")
left color, middle color, right color
Font color of the respective section. Accepts standard HTML color names or RGB hex triplets.
N
left image, right image
Name of image to be displayed in the respective section (without "File:"). Automatically resized according to the width of the section it is in (i.e. left width or right width and height. This means that in order to have an image appear bigger, you have to modify the width and/or height of the section it is in. Both left image and right image override their corresponding text parameter, i.e. if you specify both left image and left text, left text will not be displayed.
N
(default: "14" or "8")
left size, middle size, right size
Font size of the respective section in points.
N
left text, middle text or text, right text
Text to be displayed in the respective section.
N
(default: "50")
left width, right width
Width of the respective section in pixels. Keep in mind that all sections combined should not be wider than the box itself.
N
(default: "240")
width
Width of the userbox in pixels.

Copy/paste

Standard colors

image - text text - image image - text - image
{{Userbox
|left image  =
|text        =
}}
{{Userbox
|right image =
|text        =
}}
{{Userbox
|left image  =
|right image =
|text        =
}}
(left) text - text text - (right) text text - text - text
{{Userbox
|left text   =
|text        =
}}
{{Userbox
|right text  =
|text        =
}}
{{Userbox
|left text   =
|text        =
|right text  =
}}

Custom colors

image - text text - image image - text - image
{{Userbox
|bg           =
|left bg      =
|left image   =
|middle color =
|middle text  =
}}
{{Userbox
|bg           =
|middle color =
|middle text  =
|right bg     =
|right image  =
}}
{{Userbox
|bg           =
|left bg      =
|left image   =
|middle color =
|middle text  =
|right bg     =
|right image  =
}}
text (left) - text text - text (right) text - text - text
{{Userbox
|bg           =
|left bg      =
|left color   =
|left text    =
|middle color =
|middle text  =
}}
{{Userbox
|bg           =
|middle color =
|middle text  =
|right bg     =
|right color  =
|right text   =
}}
{{Userbox
|bg           =
|left bg      =
|left color   =
|left text    =
|middle color =
|middle text  =
|right bg     =
|right color  =
|right text   =
}}

Examples

Standard

WikiThis user likes The Vault.Wiki
{{Userbox
|left image  =Wiki.png
|middle text =This user likes ''The Vault''.
|right image =Wiki.png
}}
WikiThis user likes The Vault.
{{Userbox
|left image  =Wiki.png
|middle text =This user likes ''The Vault''.
}}
?What happened to the vault door?
{{Userbox
|left text   =?
|middle text =What happened to the vault door?
|right text  =
}}
This user likes The Vault.Wiki
{{Userbox
|middle text =This user likes ''The Vault''.
|right image =Wiki.png
}}
This user likes The Vault.
{{Userbox
|middle text =This user likes ''The Vault''.
}}

Colors and borders

?The vault doors, they are gone.?
{{Userbox
|left text   =?
|left color  =#771
|left bg     =#456
|bg          =#0D592F
|middle text =The vault doors, they are gone.
|middle color=#FFF
|right text  =?
|right color =#ADA
|right bg    =#789
}}
WikiThis user likes The Vault.Wiki
{{Userbox
|border width=5px
|border color=#396
|left image  =Wiki.png
|middle text =This user likes ''The Vault''.
|right image =Wiki.png
}}

Height and width

WikiThis user likes The Vault.Wiki
{{Userbox
|height      =100
|left image  =Wiki.png
|middle text =This user likes ''The Vault''.
|right image =Wiki.png
}}
WikiThis user likes The Vault.
{{Userbox
|left image  =Wiki.png
|middle text =This user likes ''The Vault''.
|width       =180
}}
This user likes The Vault.Wiki
{{Userbox
|middle text =This user likes ''The Vault''.
|right image =Wiki.png
|right width =100
}}

Technical

See also

Documentation transcluded from Template:Userbox/doc.
Community content is available under CC-BY-SA unless otherwise noted.