Template:Userbox/testcases

This is the template test cases page for the sandbox of Template:Userbox. Purge this page to update the examples.
If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page.
You can also use Special:ExpandTemplates to examine the results of template uses.
You can test how this page looks in the different skins and parsers with these links:

General

{{Userbox}}

{{{info}}}

{{Userbox
| border-c      = #aaffaa
| border-s      = 
| id            = xp
| id-c          = #ffffee
| id-s          = 20
| info          = ''foodddd bar''
| info-c        = #ffeeff
| info-s        = 12
}}

Side by side comparison

xp

foodddd bar

xp

foodddd bar

{{Userbox
|id=[[File:Heterochromia iridium clipart.svg|45px]]
|info=''This user has [[heterochromia iridium|different colors of eyes]].''
|border=#FFCC33
|id-c=#a05a2c
|info-c=#93aca7
|info-fc=#000000
}}

Side by side comparison

This user has different colors of eyes.

{{Userbox
| bodyclass = Vcard
| border-c = id-c
| border-s = 1
| float = left
| id = ALA
| id-a = center
| id-c = Red
| id-fc = Blue
| id-h = 45
| id-lh = 1.25em
| id-p = 0 1px 0 0
| id-s = 14
| id-w = 45
| info = This User Lives or Lived in [[Alameda, California]]
| info-a = left
| info-c = Blue
| info-fc = Red
| info-lh = 1.25em
| info-p = 0 4px 0 4px
}}

Side by side comparison

ALA

This User Lives or Lived in Alameda, California

ALA

This User Lives or Lived in Alameda, California

{{Userbox
| border-c      = id-c
| border-s      = 2
| id            = TS
| id-a          = center
| id-c          = Yellow
| id-fc         = Blue
| id-h          = 45
| id-s          = 14
| id-w          = 45
| info          = ''This user likes Taylor Swift''
| info-a        = left
| info-c        = Black
| info-fc       = White
| info-s        = 
}}

Side by side comparison

TS

This user likes Taylor Swift

TS

This user likes Taylor Swift

Border width

10px

{{Userbox
|border-s=10px
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|35px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

9px

{{Userbox
|border-s=-9
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|35px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

-2

{{Userbox
|border-s=-2
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|35px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

-1

{{Userbox
|border-s=-1
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|35px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

0

{{Userbox
|border-s=0
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|47px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

1

{{Userbox
|border-s=1
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|45px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

2

{{Userbox
|border-s=2
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|43px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

3

{{Userbox
|border-s=3
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|41px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

5

{{Userbox
|border-s=5
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|39px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

12

{{Userbox
|border-s=12
|id=[[File:Samuel Johnson by Joshua Reynolds 280x280.jpg|37px|alt=Samuel Johnson|link=Samuel Johnson]]
|id-c=navy
|id-w=0
|info=This user honours [[Samuel Johnson]]<br>for his enduring contributions to the<br>[[English language]].
|info-a=center
|info-c=#ffffdd
|info-s=6
}}

Side by side comparison

This user honours Samuel Johnson
for his enduring contributions to the
English language.

10

{{Userbox
| border-c      = #aaffaa
| border-s      = 10
}}

{{{info}}}

50

{{Userbox
| border-c      = #aaffaa
| border-s      = 50
}}

{{{info}}}

21

{{Userbox
| border-c      = #aaffaa
| border-s      = 21
}}

{{{info}}}

0

{{Userbox
| border-c      = #aaffaa
| border-s      = 0
}}

{{{info}}}

1

{{Userbox
| border-c      = #aaffaa
| border-s      = 1
}}

{{{info}}}

2

{{Userbox
| border-c      = #aaffaa
| border-s      = 2
}}

{{{info}}}

15

{{Userbox
| border-c      = #aaffaa
| border-s      = 15
}}

{{{info}}}

100

{{Userbox
| border-c      = #aaffaa
| border-s      = 100
}}

{{{info}}}

150

{{Userbox
| border-c      = #aaffaa
| border-s      = 150
}}

{{{info}}}

Maths

Side by side

{{Userbox
|info=3.1415926535897932384626433832795028841941693993751058209749445923808162...
|id=π
}}
{{Userbox
|info=The Answer to Great Question of the Universe, Life, and Everything
|id=42
}}
{{Userbox
|info=This user thinks TeX is cool.
|id=<math>TeX</math>;
}}

π

3.1415926535897932384626433832795028841941693993751058209749445923808162...

42

The Answer to Great Question of the Universe, Life, and Everything

TeX

;

This user thinks TeX is cool.

π

3.1415926535897932384626433832795028841941693993751058209749445923808162...

42

The Answer to Great Question of the Universe, Life, and Everything

TeX

;

This user thinks TeX is cool.

Stacked

{{Userbox
|info=3.1415926535897932384626433832795028841941693993751058209749445923808162...
|id=π
}}
{{-}}
{{Userbox
|info=The Answer to Great Question of the Universe, Life, and Everything
|id=42
}}
{{-}}
{{Userbox
|info=This user thinks TeX is cool.
|id=<math>TeX</math>;
}}
{{-}}

π

3.1415926535897932384626433832795028841941693993751058209749445923808162...

42

The Answer to Great Question of the Universe, Life, and Everything

TeX

;

This user thinks TeX is cool.

π

3.1415926535897932384626433832795028841941693993751058209749445923808162...

42

The Answer to Great Question of the Universe, Life, and Everything

TeX

;

This user thinks TeX is cool.

Long text

{{Userbox
| _template1    = Userbox
| _template2    = Userbox/sandbox
| _template3    = Userbox/sandbox2
| _title       = Lorem ipsum 1
| _collapsible = yes
| border-c      = yellow
| border-s      = 5
| id            = {{lorem}}
| info          = {{lorem}}
| info-fc       = green
}}

Side by side comparison

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

{{Userbox
| _template1    = Userbox
| _template2    = Userbox/sandbox
| _template3    = Userbox/sandbox2
| _title       = Lorem ipsum 2
| _collapsible = yes
| border-c      = yellow
| border-s      = 5
| id            = Mr. Lorem, I don't feel so good...
| info          = {{lorem}}
| info-fc       = green
}}

Side by side comparison

Mr. Lorem, I don't feel so good...

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Mr. Lorem, I don't feel so good...

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Blank parameters

{{Userbox
| border-width=
| border-s=10
}}

{{{info}}}

{{Userbox
| 
| border-c=blue
}}

{{{info}}}

{{Userbox
| id = id
| info-background =
}}

id {{{info}}}

{{Userbox
| id = id
| id-w = 
}}

id {{{info}}}

{{Userbox
| info-color = 
| info-fc = red
}}

{{{info}}}