Jump to content

Template:Userbox/doc: Difference between revisions

From Consumer Rights Wiki
I think that the <noinclude> tags were accidental.
Testing, I'm trying to make infoboxes accessible in VisualEditor as theyre almost as hard as doing a citation in wikieditor (very hard)
Line 39: Line 39:


[[Category:Userbox templates]]
[[Category:Userbox templates]]
<templatedata>
{
"params": {
"id": {
"description": "Text or image shown on the left side of the userbox (typically short)",
"example": "MOD"
},
"id-c": {
"description": "Background color (or gradient) of the ID box.",
"example": "#8f0000"
},
"info": {
"description": "Main text content of the userbox.",
"example": "This user is a moderator and may be data-mining your contributions, btw."
},
"info-fc": {
"example": "#fff"
},
"id-op": {
"description": "Optional inline styles (e.g. shadows, transitions)"
},
"info-op": {
"description": "Optional inline styles (e.g. shadows, transitions)"
},
"border-op": {
"description": "Optional inline styles (e.g. shadows, transitions)"
}
},
"description": "Font color of the info box"
}
</templatedata>

Revision as of 10:45, 11 October 2025

Usage

This template displays a customizable userbox using Module:Userbox.

To use it, call the template with the appropriate parameters. All parameters are optional unless otherwise noted.

Basic Example

{{#invoke:userbox|userbox
 | id        = '''MOD'''
 | id-c      = linear-gradient(to bottom, #8f0000, #5a0000)
 | id-fc     = #fff
 | info      = This user is a '''moderator''' and may be ''data-mining your contributions'', btw.
 | info-c    = linear-gradient(to bottom, #8f0000, #5a0000)
 | info-fc   = #fff
 | border-c  = #6a0000
}}

Parameters

id
Text or image shown on the left side of the userbox (typically short)
id-c
Background color (or gradient) of the ID box
id-fc
Font color of the ID box
info
Main text content of the userbox
info-c
Background color (or gradient) of the info box
info-fc
Font color of the info box
border-c
Border color of the userbox
id-op, info-op, border-op
Optional inline styles (e.g. shadows, transitions)
nocat
If set to true, disables automatic categorization

Advanced Styling

You can apply CSS gradients, shadows, and more advanced styles using the -op parameters. For example:

| info-op = box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.2);

See also

Font color of the info box

Template parameters

ParameterDescriptionTypeStatus
idid

Text or image shown on the left side of the userbox (typically short)

Example
MOD
Unknownoptional
id-cid-c

Background color (or gradient) of the ID box.

Example
#8f0000
Unknownoptional
infoinfo

Main text content of the userbox.

Example
This user is a moderator and may be data-mining your contributions, btw.
Unknownoptional
info-fcinfo-fc

no description

Example
#fff
Unknownoptional
id-opid-op

Optional inline styles (e.g. shadows, transitions)

Unknownoptional
info-opinfo-op

Optional inline styles (e.g. shadows, transitions)

Unknownoptional
border-opborder-op

Optional inline styles (e.g. shadows, transitions)

Unknownoptional