Template:Userbox

[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  =Infobox coming soon.png
|text        =This user loves the ''Fallout Wiki''.
|left link   =Main Page
}}

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

Parameters

(default: "#AAAAAA")

border color

Color of the box border.

(default: "1")

border width

Width of the box border in pixels.

(default: none)

clear

Sets "clear" attribute for the box. Fixes spacing issues.

Available options:

• left: Resets floats to the left.
• right: Resets floats to the right.
• both: Resets all floats.
• none: Resets no floats.

(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.

(default: "52")

height

Height of the userbox in pixels.

(default: "#C9D0AC")

left bg

Background color of the left section. Accepts standard HTML color names or RGB hex triplets.

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.

left link, right link

Links the respective section (left or right) to a page. For example, setting left link=Main Page makes the left section a clickable link to the Main Page.

left tooltip, right tooltip

Tooltip that is displayed in the respective section (left or right) instead of a link preview. For example, setting left tooltip=Fun stuff! makes the left section have a tooltip displaying "Fun stuff!" regardless of if it has a link or not.

(default: "14" or "8")

left size, middle size, right size

Font size of the respective section in points.

left text, middle text or text, right text

Text to be displayed in the respective section.

(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.

(default: "wiggle")

left image class, left image class

Any hover FX added to the images using Template:HoverFX. Default is "wiggle", but it can use any of its options available.

style

Additional styling applied to the outer element.

(default: ""ace-userbox"")

userbox class

Additional styling applied to the whole thing.

Options:

• "ace-userbox"
• "lgbt-userbox"

Combine them with any Template:HoverFX glow or effect if you want.

(default: "240")

width

Width of the userbox in pixels.

Examples

Standard

This user loves the Fallout Wiki.	{{Userbox |left image =Infobox coming soon.png |middle text =This user loves the ''Fallout Wiki''. |left link =Main Page |left tooltip =Wiki love! }}
This user loves the Fallout Wiki.	{{Userbox |right image =Infobox coming soon.png |middle text =This user loves the ''Fallout Wiki''. |right link =Fallout 4 }}
Click the image on the right to visit Fallout 3.	{{Userbox |left image =Infobox coming soon.png |middle text =Click the image on the right to visit ''Fallout 3''. |right image =Infobox coming soon.png |right link =Fallout 3 }}

Custom links

Need help? Click the left icon!	{{Userbox |left image =Infobox coming soon.png |left link =FalloutWiki:Survival Guide |middle text =Need help? Click the left icon! |left tooltip=Help me! }}
Click the right icon to go to a random page.	{{Userbox |right image =Infobox coming soon.png |right link =Special:Random |middle text =Click the right icon to go to a random page. |right tooltip =Give it a spin! }}

Custom image FX

Look at me, I can pulse on hover!

{{Userbox |left image =Infobox coming soon.png |left link =FalloutWiki:Survival Guide |left tooltip =Look ma, I'm pulsing! |left image class =pulse |middle text =Look at me, I can pulse on hover! }}

Custom outer border

Need help? Click the left icon!

{{Userbox |left image =Infobox coming soon.png |left link =FalloutWiki:Survival Guide |userbox class="lgbt-userbox glowRainbowFX-icon" |middle text =Need help? Click the left icon! }}

Technical

Standardized documentation for templates based on this one: {{Userbox/doc/standard}}

Documentation transcluded from Template:Userbox/doc.