Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Template:Userboxtop/testcases

From Wikipedia, the free encyclopedia
Just title text
{{Userboxtop|Text of the title}}
{{User NPOV}}{{User edit war positive}}{{User wikipedia/No personal attacks}}{{User signs posts}}{{User t|3|c}}{{User css-2}}{{User js-2}}{{User xml-2}}{{User php-2}}{{User HTML-2}}{{User web archive}}{{User:Technical_13/Userboxes/BinaryPeople}}
{{Userboxbottom}}
Side by side comparison
{{Userboxtop}}{{Userboxtop/sandbox}}
Colors
{{Userboxtop|Colors|bordercolor=green|backgroundcolor=cyan|textcolor=maroon}}
{{User NPOV}}{{User signs posts}}
{{Userboxbottom}}
Side by side comparison
{{Userboxtop}}{{Userboxtop/sandbox}}
Left aligned
{{Userboxtop|Should be left aligned|align=left}}
{{User NPOV}}{{User signs posts}}
{{Userboxbottom}}

{{Userboxtop}}



{{Userboxtop/sandbox}}


Center aligned
{{Userboxtop|Should be center aligned|align=center}}
{{User NPOV}}{{User signs posts}}
{{Userboxbottom}}

{{Userboxtop}}



{{Userboxtop/sandbox}}


Extra CSS
{{Userboxtop|With extra CSS|extra-css=border-style:dashed; border-width: 5px; text-decoration: overline wavy;}}
{{User NPOV}}{{User signs posts}}
{{Userboxbottom}}
Side by side comparison
{{Userboxtop}}{{Userboxtop/sandbox}}
|toptextstyle=
{{Userboxtop|toptext=Foobar Xyzzy|toptextstyle=font-family: Times, serif; font-size: 200%;}}
{{User NPOV}}{{User signs posts}}
{{Userboxbottom}}
Side by side comparison
{{Userboxtop}}{{Userboxtop/sandbox}}
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}}
{{User NPOV}}{{User signs posts}}
{{Userboxbottom}}
Side by side comparison
{{Userboxtop}}{{Userboxtop/sandbox}}

Code to center a table of userboxes

[edit]

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

Sandbox code to center a table of userboxes

[edit]

Sandbox no-align (default to right)

Sandbox align=right

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

Sandbox align=left

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

Sandbox float=none

Sandbox align=middle