Template:Colored box/doc
![]() |
This is a documentation subpage for Template:Colored box. It contains usage information, categories and other content or metadata that is not part of the original template. |
![OOjs UI icon information-progressive.svg](https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/OOjs_UI_icon_information-progressive.svg/20px-OOjs_UI_icon_information-progressive.svg.png)
Allow to insert a modern box.
Usage
For the box to continue to the bottom you must use the argument « | flex = 1 1 auto
»
Syntax
Reduced Syntax
{{Colored box | title = | title-color = #000 | background-title-color = #eaecf0 | icon = | content = | background-content-color = #f8f9fa | link = }}
Complete syntax
{{Colored box | title = | title-color = #000 | background-title-color = #eaecf0 | icon = | content = | background-content-color = #f8f9fa | style = | link = }}
Parameters
Colored box for content presentation.
Parameter | Description | Type | Status | |
---|---|---|---|---|
Title | title | Title of the box.
| String | required |
Content | content | Content of the box.
| Content | required |
Link | link | Title of the wiki page to edit the content.
| Page name | suggested |
Title background color | background-title-color | Hexadecimal color code of the title bar background.
| String | suggested |
Icon | icon | Name of the file for icon.
| File | optional |
Title color | title-color | Hexadecimal color code of the title text.
| String | optional |
Style | style | Additional CSS style for the container.
| String | optional |
Link color | link-color | Hexadecimal color code of the Modify link.
| String | optional |
Content background color | background-content-color | Hexadecimal color code of the box content background.
| String | optional |
view-text | view-text | Default title: edit, can be changed
| Unknown | optional |
Title background color on hover | titre-couleur-fond-hover | When hovering with the mouse, changes the background color of the title.
| Unknown | optional |
Flex | flex | Integration in the grid of the dynamic column/line. The first number indicates the proportion to which the box can expand, the second to which it can shrink, the third the minimum width in px/em of the box
| String | optional |
Center the title | center | If filled, allows to center the title. | Unknown | optional |
Exemple
{{Colored box | title = NK Guide | title-color = #000 | background-title-color = #D33F00 | icon = Circle-icons-star.svg | content = Lorem Ipsum | background-content-color = #f8f9fa | link = North Korea Mapping Guide }}
{{Colored box | title = Box name | title-color = #000 | background-title-color = #eaecf0 | icon = | content = | background-content-color = #f8f9fa | link = }}
See also
- Template:Colored bar
- Template:Begin colored insert
- Template:End insert
- Template:Clickable button
- Template:Code rendered