Template:ColorBox/doc

Colorbox is a customisable box that includes a colored title bar and seperate content area. It if often used in combination with {{ContentGrid}}.

How to use

Parameters

All parameters are case sensitive.

Parameter	Allowed values	Notes
t-background	List of colors »	Sets the background color of the title bar. If using a color template, use the whole name, e.g. {{Emerald color}}. Don't include #. Defaults to {{bulba color light}}.
t-background2	List of colors »	Optional. Allows for a second title bar color. If using a color template, use the whole name, e.g. {{Emerald color}}. Don't include #.
t-color	List of colors »	Sets the title bar text color. Don't include #. Defaults to 000.
t-align	left • right • center • justify	Sets the alignment of the tile in the title bar. Defaults to center.
icon	File name	Optional. Allows for an icon to be displayed in the title bar. Don't include File:.
icon-size	String	Sets the size of the icon. Must include px. Defaults to 20px.
title	String	The title to be displayed on the title bar.
c-background	List of colors »	Sets the background color of the content area. If using a color template, use the whole name, e.g. {{Emerald color}}. Don't include #. Defaults to FFF.
c-color	List of colors »	Sets the content area text color. Don't include #. Defaults to 000.
c-align	left • right • center • justify	Sets the alignment of the text in the content area. Defaults to left.
content	String	The content to be displayed in the content area.

Examples

Example 1

{{ColorBox
| t-background = CCC
| icon = Bulbagarden Archives bulb.png
| title = {{color2|000|a:Main Page|Bulbagarden Archives}}
| content = <nowiki/>
* [[a:Archives:FAQ|FAQ]]
* [[a:Help:Uploading images|Uploading images]]
* [[a:Archives:Tagging images|Tagging images]]
* [[a:Archives:Manual of style|Manual of style]]
}}

Bulbagarden Archives

• FAQ
• Uploading images
• Tagging images
• Manual of style

Example 2

{{ColorBox
| c-align = center
| title = [[File:BMGf bulb.png|90px|link=https://bulbagarden.net/forums/bulbawiki-forum.195/]]
| content = [https://bulbagarden.net/forums/bulbawiki-forum.195/ Ask a question on the forums]
}}

Ask a question on the forums

Example 3

{{ColorBox
| t-background = {{diamond color}}
| t-background2 = {{pearl color}}
| c-align = center
| title = {{color2|FFF|Appendix:Diamond and Pearl walkthrough|Pokémon Diamond & Pearl walkthrough}}
| content = [[File:Diamond EN boxart.jpg|150px|border|link=Appendix:Diamond and Pearl walkthrough]] [[File:Pearl EN boxart.jpg|150px|border|link=Appendix:Diamond and Pearl walkthrough]]
}}

Pokémon Diamond & Pearl walkthrough

TemplateData

Colorbox is a customisable box that includes a colored title bar and seperate content area. It if often used in combination with the ContentGrid template.

Template parameters

This template prefers block formatting of parameters.

Parameter		Description	Type	Status
Title background	t-background	Sets the background color of the title bar. Either a hex value (don't include a #), or a color template. Default {{bulba color light}} Example CCC	Line	optional
Title background 2	t-background2	Optional. Allows for a second title bar color. Either a hex value (don't include a #), or a color template. Default {{bulba color light}} Example 000	Line	optional
Title text color	t-color	Sets the title bar text color. Either a hex value (don't include a #), or a color template. Default 000 Example FFF	Line	optional
Title alignment	t-align	Sets the alignment of the tile in the title bar. Suggested values left right center justify Default center	Line	optional
Icon	icon	Optional. Allows for an icon to be displayed in the title bar (don't include File:). Example 001Bulbasaur.png	File	optional
Icon size	icon-size	Sets the size of the icon. Must include px. Default 20px	Line	optional
Title	title	The title to be displayed on the title bar.	Line	required
Content background	c-background	Sets the background color of the content area. Either a hex value (don't include a #), or a color template. Default FFF Example {{bulba color light}}	Line	optional
Content text color	c-color	Sets the content area text color. Either a hex value (don't include a #), or a color template. Default FFF Example CCC	Line	optional
Content alignment	c-align	Sets the alignment of the text in the content area. Suggested values left right center justify Default left	Line	optional
Content	content	The content to be displayed in the content area.	String	required