Bản mẫu:Userboxtop/testcases

Just title text

{{Userboxtop|Text of the title}}
{{Thành viên:Chó Vàng Hài Hước/Userbox/You are (not) alone}}{{Thành viên:Chó Vàng Hài Hước/Userbox/You can (not) advance}}
{{Userboxbottom}}

So sánh hai bên

{{Userboxtop}}	{{Userboxtop/sandbox}}
Text of the title Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại	Text of the title Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại

Colors

{{Userboxtop|Colors|bordercolor=green|backgroundcolor=cyan|textcolor=maroon}}
{{Thành viên:Chó Vàng Hài Hước/Userbox/You are (not) alone}}{{Thành viên:Chó Vàng Hài Hước/Userbox/You can (not) advance}}
{{Userboxbottom}}

So sánh hai bên

{{Userboxtop}}	{{Userboxtop/sandbox}}
Colors Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại	Colors Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại

Left aligned

{{Userboxtop|Should be left aligned|align=left}}
{{Thành viên:Chó Vàng Hài Hước/Userbox/You are (not) alone}}{{Thành viên:Chó Vàng Hài Hước/Userbox/You can (not) advance}}
{{Userboxbottom}}

{{Userboxtop}}

Should be left aligned

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

{{Userboxtop/sandbox}}

Should be left aligned

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Center aligned

{{Userboxtop|Should be center aligned|align=center}}
{{Thành viên:Chó Vàng Hài Hước/Userbox/You are (not) alone}}{{Thành viên:Chó Vàng Hài Hước/Userbox/You can (not) advance}}
{{Userboxbottom}}

{{Userboxtop}}

Should be center aligned

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

{{Userboxtop/sandbox}}

Should be center aligned

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Extra CSS

{{Userboxtop|With extra CSS|extra-css=border-style:dashed; border-width: 5px; text-decoration: overline wavy;}}
{{Thành viên:Chó Vàng Hài Hước/Userbox/You are (not) alone}}{{Thành viên:Chó Vàng Hài Hước/Userbox/You can (not) advance}}
{{Userboxbottom}}

So sánh hai bên

{{Userboxtop}}	{{Userboxtop/sandbox}}
With extra CSS Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại	With extra CSS Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại

|toptextstyle=

{{Userboxtop|toptext=Foobar Xyzzy|toptextstyle=font-family: Times, serif; font-size: 200%;}}
{{Thành viên:Chó Vàng Hài Hước/Userbox/You are (not) alone}}{{Thành viên:Chó Vàng Hài Hước/Userbox/You can (not) advance}}
{{Userboxbottom}}

So sánh hai bên

{{Userboxtop}}	{{Userboxtop/sandbox}}
Foobar Xyzzy Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại	Foobar Xyzzy Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại

Extra CSS to try to align the box in the center of the page (doesn't work because of margin-left handling)

{{Userboxtop|With extra CSS|extra-css=margin:auto;|float=none}}
{{Thành viên:Chó Vàng Hài Hước/Userbox/You are (not) alone}}{{Thành viên:Chó Vàng Hài Hước/Userbox/You can (not) advance}}
{{Userboxbottom}}

So sánh hai bên

{{Userboxtop}}	{{Userboxtop/sandbox}}
With extra CSS Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại	With extra CSS Thành viên này đang trốn dưới gầm giường nhà bạn Thành viên này sử dụng Hatnote để tuần tra phá hoại

Code to center a table of userboxes

The template's handling of margin-left appears to prevent centering. There may be a workaround aside from this manual code.

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Sandbox code to center a table of userboxes

Sandbox no-align (default to right)

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Sandbox align=right

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Sandbox align=center (to output invalid float=center, which is ignored in favor of margin:auto)

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Sandbox align=left

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Sandbox align=none (to output the valid float=none)

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Sandbox float=none

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại

Sandbox align=middle

Userbox

Thành viên này đang trốn dưới gầm giường nhà bạn

Thành viên này sử dụng Hatnote để tuần tra phá hoại