Template:Userbox/doc - Revision history

AnotherConsumerRightsPerson at 20:07, 25 November 2025

2025-11-25T20:07:22Z

← Older revision		Revision as of 20:07, 25 November 2025
Line 56:		Line 56:
	"info": {		"info": {
	"description": "The main text content of the userbox.",		"description": "The main text content of the userbox.",
	"example": "This user is a moderator ~~and may be data-mining your contributions, btw.~~",		"example": "This user is a moderator",
	"label": "Info",		"label": "Info",
	"required": true		"required": true

AnotherConsumerRightsPerson: Added parameter.

2025-10-12T17:07:29Z

Added parameter.

← Older revision		Revision as of 17:07, 12 October 2025
Line 79:		Line 79:
	"description": "The color of the border. This uses hex colors (#fff for white, #000000 for black)",		"description": "The color of the border. This uses hex colors (#fff for white, #000000 for black)",
	"example": "#6a000",		"example": "#6a000",
			"type": "string"
			},
			"nocat": {
			"label": "No automatic categorisation",
			"description": "If set to true, disable automatic categorisation.",
	"type": "string"		"type": "string"
	}		}
Line 90:		Line 95:
	"id-op",		"id-op",
	"info-op",		"info-op",
	"border-op"		"border-op",
			"nocat"
	],		],
	"description": "Create a custom userbox to add to your profile, which can do multiple things, including tell others about yourself and show others the achievements you have made."		"description": "Create a custom userbox to add to your profile, which can do multiple things, including tell others about yourself and show others the achievements you have made."
	}		}
	</templatedata>		</templatedata>

AnotherConsumerRightsPerson: That worked well!

2025-10-11T11:11:55Z

That worked well!

← Older revision		Revision as of 11:11, 11 October 2025
Line 51:		Line 51:
	"description": "Background color (or gradient) of the ID box. This uses hex colors (#fff for white, #000000 for black).",		"description": "Background color (or gradient) of the ID box. This uses hex colors (#fff for white, #000000 for black).",
	"example": "#8f0000",		"example": "#8f0000",
	"label": "ID color"		"label": "ID color",
			"type": "string"
	},		},
	"info": {		"info": {
Line 62:		Line 63:
	"example": "#fff",		"example": "#fff",
	"label": "Info font color",		"label": "Info font color",
	"description": "Font color of the info box. This uses hex colors (#fff for white, #000000 for black)."		"description": "Font color of the info box. This uses hex colors (#fff for white, #000000 for black).",
			"type": "string"
	},		},
	"id-op": {		"id-op": {
Line 76:		Line 78:
	"label": "Border color",		"label": "Border color",
	"description": "The color of the border. This uses hex colors (#fff for white, #000000 for black)",		"description": "The color of the border. This uses hex colors (#fff for white, #000000 for black)",
	"example": "#6a000"		"example": "#6a000",
			"type": "string"
	}		}
	},		},
Line 88:		Line 91:
	"info-op",		"info-op",
	"border-op"		"border-op"
	]		],
			"description": "Create a custom userbox to add to your profile, which can do multiple things, including tell others about yourself and show others the achievements you have made."
	}		}
	</templatedata>		</templatedata>

AnotherConsumerRightsPerson: Much more detail + fixed my stupid errors

2025-10-11T11:06:27Z

Much more detail + fixed my stupid errors

← Older revision		Revision as of 11:06, 11 October 2025
Line 44:		Line 44:
	"id": {		"id": {
	"description": "Text or image shown on the left side of the userbox (typically short)",		"description": "Text or image shown on the left side of the userbox (typically short)",
	"example": "MOD"		"example": "MOD",
			"label": "ID",
			"suggested": true
	},		},
	"id-c": {		"id-c": {
	"description": "Background color (or gradient) of the ID box.",		"description": "Background color (or gradient) of the ID box. This uses hex colors (#fff for white, #000000 for black).",
	"example": "#8f0000"		"example": "#8f0000",
			"label": "ID color"
	},		},
	"info": {		"info": {
	"description": "~~Main~~ text content of the userbox.",		"description": "The main text content of the userbox.",
	"example": "This user is a moderator and may be data-mining your contributions, btw."		"example": "This user is a moderator and may be data-mining your contributions, btw.",
			"label": "Info",
			"required": true
	},		},
	"info-fc": {		"info-fc": {
	"example": "#fff"		"example": "#fff",
			"label": "Info font color",
			"description": "Font color of the info box. This uses hex colors (#fff for white, #000000 for black)."
	},		},
	"id-op": {		"id-op": {
	"description": "Optional inline styles (e.g. shadows, transitions)"		"description": "Optional inline styles (e.g. shadows, transitions)."
	},		},
	"info-op": {		"info-op": {
	"description": "Optional inline styles (e.g. shadows, transitions)"		"description": "Optional inline styles (e.g. shadows, transitions)."
	},		},
	"border-op": {		"border-op": {
	"description": "Optional inline styles (e.g. shadows, transitions)"		"description": "Optional inline styles (e.g. shadows, transitions)."
			},
			"border-c": {
			"label": "Border color",
			"description": "The color of the border. This uses hex colors (#fff for white, #000000 for black)",
			"example": "#6a000"
	}		}
	},		},
	"~~description~~": "~~Font color of the~~ info ~~box~~"		"paramOrder": [
			"id",
			"info",
			"border-c",
			"id-c",
			"info-fc",
			"id-op",
			"info-op",
			"border-op"
			]
	}		}
	</templatedata>		</templatedata>

AnotherConsumerRightsPerson: Testing, I'm trying to make infoboxes accessible in VisualEditor as theyre almost as hard as doing a citation in wikieditor (very hard)

2025-10-11T10:45:53Z

Testing, I'm trying to make infoboxes accessible in VisualEditor as theyre almost as hard as doing a citation in wikieditor (very hard)

← Older revision		Revision as of 10:45, 11 October 2025
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>

AnotherConsumerRightsPerson: I think that the tags were accidental.

2025-10-11T10:35:00Z

I think that the <noinclude> tags were accidental.

← Older revision		Revision as of 10:35, 11 October 2025
Line 1:		Line 1:
	~~<noinclude>~~
	== Usage ==		== Usage ==
	This template displays a customizable userbox using [[Module:Userbox]].		This template displays a customizable userbox using [[Module:Userbox]].
Line 40:		Line 39:

	[[Category:Userbox templates]]		[[Category:Userbox templates]]
	~~</noinclude>~~

Fen: documentation for template

2025-07-23T04:53:10Z

documentation for template

New page

<noinclude>
== 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 ===
<pre>
{{#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
}}
</pre>

=== Parameters ===

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

=== Advanced Styling ===
You can apply CSS gradients, shadows, and more advanced styles using the <code>-op</code> parameters. For example:
<pre>
| info-op = box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.2);
</pre>

== See also ==
* [[Module:Userbox]]

[[Category:Userbox templates]]
</noinclude>