Template:Caption: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
No edit summary |
(Overriding the bootstrap breakage...) |
||
(17 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
< | <onlyinclude>{{#vardefine:CaptionID|{{#if:{{#varexists:CaptionID}}|{{#expr:{{#var:CaptionID}}+1}}|1}}}} | ||
{| border=1 style="border-collapse: separate; width: initial; {{Round|10}} border: 1px solid {{{bordercolor|#000000}}}; background: {{{borderbackground|#5a7eb5}}}; {{#switch: {{lc:{{{float|}}}}}|left=float: left; margin-right: 1em;|right=float: right; margin-left: 1em;|center=margin: auto;}}" | |||
! class="cap{{#var:CaptionID}}col0 _toggler-cap{{#var:CaptionID}}col0 _toggler-cap{{#var:CaptionID}}col1 _toggler-cap{{#var:CaptionID}}col2" title="{{{titleshow|{{{title|}}}}}}" style="{{Round|10}} cursor: pointer; background: {{{buttonbackgroundshow|{{{buttonbackground|#f2f2f2}}}}}}; {{#ifeq: {{lc:{{{init|show}}}}}|hide||display: none;}}; padding:5px" |{{#if: {{{iconshow|{{{icon|}}}}}} | |||
| [[File:{{{iconshow|{{{icon}}}}}}|{{{sizeshow|{{{size|40px}}}}}}|link=]] | |||
| {{#tag:poem|{{{textshow|{{{text}}}}}}}} | |||
}} | |||
! class="cap{{#var:CaptionID}}col1 _toggler-cap{{#var:CaptionID}}col0 _toggler-cap{{#var:CaptionID}}col1 _toggler-cap{{#var:CaptionID}}col2" title="{{{titlehide|{{{title|}}}}}}" style="{{Round|left|10}}; cursor: pointer; background: {{{buttonbackgroundhide|{{{buttonbackground|#f2f2f2}}}}}}; {{#ifeq: {{lc:{{{init|show}}}}}|hide|display: none;|}}; padding:5px" |{{#if: {{{iconhide|{{{icon|}}}}}} | |||
| [[File:{{{iconhide|{{{icon}}}}}}|{{{sizehide|{{{size|40px}}}}}}|link=]] | |||
| {{#tag:poem|{{{texthide|{{{text}}}}}}}} | |||
}} | |||
| class="cap{{#var:CaptionID}}col2" style="{{Round|right|10}} background: {{{contentbackground|#ffffff}}}; {{#ifeq: {{lc:{{{init|show}}}}}|hide|display: none;|}}; padding:5px" | {{#tag:poem|{{{1}}}}} | |||
|}</onlyinclude> | |||
==Purpose== | ==Purpose== | ||
This | This template is the base for creating captions that, for example, can be used to contain certain character quotes about a page's subject. | ||
==Usage== | ==Usage== | ||
''' | To use this template, start with this code: | ||
{{Usage/Block|anon=content|icon|text|title|size|buttonbackground|contentbackground|bordercolor|borderbackground}} | |||
{{Usage/Param|content|The caption itself, which can be hidden by clicking the button.}} | |||
{{Usage/Param|icon|The name of an image to display as the 'toggle visibility' button. Use this OR "text".}} | |||
{{Usage/Param|text|The text to display as the 'toggle visibility' button. Use this OR "icon".}} | |||
{{Usage/Param|title|Text to appear as a tooltip when hovering over the button.|optional}} | |||
{{Usage/Param|size|If the button is an image, this will define the width of the image.|optional|40px}} | |||
{{Usage/Param|buttonbackground|Background color for the button.|optional|#f2f2f2}} | |||
{{Usage/Param|contentbackground|Background color for the content.|optional|#ffffff}} | |||
{{Usage/Param|bordercolor|Color of the edges of the border.|optional|#000000}} | |||
{{Usage/Param|borderbackground|Center color of the border.|optional|#5a7eb5}} | |||
{{Clear}} | |||
== | The 'show' button can be defined independently of the 'hide' button by using "iconhide" and "iconshow" instead of "icon", as with "text", "title", "size", and "buttonbackground": | ||
Navi [[File:NaviIcon.png]] - File: | {{Usage/Block|anon=content|iconhide|iconshow|texthide|textshow|titlehide|titleshow|sizehide|sizeshow|buttonbackgroundhide|buttonbackgroundshow|contentbackground|bordercolor|borderbackground}} | ||
{{Usage/Param|iconhide|Filename for the 'hide' button.}} | |||
{{Usage/Param|iconshow|Filename for the 'show' button.}} | |||
{{Usage/Param|texthide|Text for the 'hide' button.}} | |||
{{Usage/Param|textshow|Text for the 'show' button.}} | |||
{{Usage/Param|titlehide|Tooltip for the 'hide' button.|optional}} | |||
{{Usage/Param|titleshow|Tooltip for the 'show' button.|optional}} | |||
{{Usage/Param|sizehide|Size of the 'hide' button's image.|optional|40px}} | |||
{{Usage/Param|sizeshow|Size of the 'show' button's image.|optional|40px}} | |||
{{Usage/Param|buttonbackgroundhide|Background color for the 'hide' button.|optional|#f2f2f2}} | |||
{{Usage/Param|buttonbackgroundshow|Background color for the 'show' button.|optional|#f2f2f2}} | |||
{{Clear}} | |||
The caption can be hidden by default using <code>init=hide</code>, and it can be floated left, center, or right using <code>float=left</code>, etc. | |||
==Icons== | |||
{| class="wikitable" | |||
| [[Old Man]] ([[Template:Old Man|template]]) || [[File:OldManIcon.png|center]] || OldManIcon.png | |||
|- | |||
| [[Navi]] ([[Template:Navi|template]]) || [[File:NaviIcon.png|center]] || NaviIcon.png | |||
|- | |||
| [[Tatl]] ([[Template:Tatl|template]]) || [[File:TatlIcon.png|center]] || TatlIcon.png | |||
|- | |||
| [[Fi]] ([[Template:Fi|template]]) || [[File:FiIcon.png|center]] || FiIcon.png | |||
|} | |||
{{Cat|Formatting Templates}} | {{Cat|Formatting Templates}} | ||
{{Cat|Caption Templates}} | {{Cat|Caption Templates}} | ||
Latest revision as of 01:36, March 17, 2021
{{{text}}} |
{{{1}}} |
---|
Purpose
This template is the base for creating captions that, for example, can be used to contain certain character quotes about a page's subject.
Usage
To use this template, start with this code:
{{Caption|content | icon = | text = | title = | size = | buttonbackground = | contentbackground = | bordercolor = | borderbackground = }}
- content — The caption itself, which can be hidden by clicking the button.
- icon — The name of an image to display as the 'toggle visibility' button. Use this OR "text".
- text — The text to display as the 'toggle visibility' button. Use this OR "icon".
- title — Text to appear as a tooltip when hovering over the button. (Optional.)
- size — If the button is an image, this will define the width of the image. (Optional. Default: 40px)
- buttonbackground — Background color for the button. (Optional. Default: #f2f2f2)
- contentbackground — Background color for the content. (Optional. Default: #ffffff)
- bordercolor — Color of the edges of the border. (Optional. Default: #000000)
- borderbackground — Center color of the border. (Optional. Default: #5a7eb5)
The 'show' button can be defined independently of the 'hide' button by using "iconhide" and "iconshow" instead of "icon", as with "text", "title", "size", and "buttonbackground":
{{Caption|content | iconhide = | iconshow = | texthide = | textshow = | titlehide = | titleshow = | sizehide = | sizeshow = | buttonbackgroundhide = | buttonbackgroundshow = | contentbackground = | bordercolor = | borderbackground = }}
- iconhide — Filename for the 'hide' button.
- iconshow — Filename for the 'show' button.
- texthide — Text for the 'hide' button.
- textshow — Text for the 'show' button.
- titlehide — Tooltip for the 'hide' button. (Optional.)
- titleshow — Tooltip for the 'show' button. (Optional.)
- sizehide — Size of the 'hide' button's image. (Optional. Default: 40px)
- sizeshow — Size of the 'show' button's image. (Optional. Default: 40px)
- buttonbackgroundhide — Background color for the 'hide' button. (Optional. Default: #f2f2f2)
- buttonbackgroundshow — Background color for the 'show' button. (Optional. Default: #f2f2f2)
The caption can be hidden by default using init=hide
, and it can be floated left, center, or right using float=left
, etc.
Icons
Old Man (template) | OldManIcon.png | |
Navi (template) | NaviIcon.png | |
Tatl (template) | TatlIcon.png | |
Fi (template) | FiIcon.png |