Template:ColorBox

{{{title}}}

{{{content}}}

Template documentation
Note: portions of the template sample may not be visible without values provided.
View or edit this documentation. (About template documentation)

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

Example 2

{{ColorBox
| c-align = center
| title = [[File:BMGf bulb.png|90px|link=https://forums.bulbagarden.net/index.php?forums/bulbawiki-forum.195/]]
| content = [https://forums.bulbagarden.net/index.php?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