17,230
edits
Want an adless experience? Log in or Create an account.
Updated to Matt's styled box design with more options. (for history, see Template:CommentBox, User:Matt/Sandbox, User:Locke/Sandbox/Template)
(applied poem tag to content) |
(Updated to Matt's styled box design with more options. (for history, see Template:CommentBox, User:Matt/Sandbox, User:Locke/Sandbox/Template)) |
||
| Line 1: | Line 1: | ||
< | <onlyinclude>{{#vardefine:CaptionID|{{#if:{{#varexists:CaptionID}}|{{#expr:{{#var:CaptionID}}+1}}|1}}}} | ||
{| border=1 style="{{Round|10}} border: 1px solid {{{bordercolor|#000000}}}; background: {{{borderbackground|#5a7eb5}}};" | |||
! 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}} background: {{{buttonbackgroundshow|{{{buttonbackground|#f2f2f2}}}}}}; {{#ifeq: {{lc:{{{init|show}}}}}|show|display: none;|}}" |{{#ifexist: File:{{{buttonshow|{{{button}}}}}} | |||
| [[File:{{{buttonshow|{{{button}}}}}}|{{{sizeshow|{{{size|40px}}}}}}|link=]] | |||
| {{#tag:poem|{{{buttonshow|{{{button}}}}}}}} | |||
}} | |||
! 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}}; background: {{{buttonbackgroundhide|{{{buttonbackground|#f2f2f2}}}}}}; {{#ifeq: {{lc:{{{init|show}}}}}|hide|display: none;|}}" |{{#ifexist: File:{{{buttonhide|{{{button}}}}}} | |||
| [[File:{{{buttonhide|{{{button}}}}}}|{{{sizehide|{{{size|40px}}}}}}|link=]] | |||
| {{#tag:poem|{{{buttonhide|{{{button}}}}}}}} | |||
}} | |||
| class="cap{{#var:CaptionID}}col2" style="{{Round|right|10}} background: {{{contentbackground|#ffffff}}}; {{#ifeq: {{lc:{{{init|show}}}}}|hide|display: none;|}}" | {{#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|button|title|size|buttonbackground|contentbackground|bordercolor|borderbackground}} | |||
{{Usage/Param|content|The caption itself, which can be hidden by clicking the button.}} | |||
{{Usage/Param|button|Either a filename for an image, or text to display as the 'toggle visibility' button.}} | |||
{{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 "buttonhide" and "buttonshow" instead of "button", as with "title", "size", and "buttonbackground": | ||
{{Usage/Block|anon=content|buttonhide|buttonshow|titlehide|titleshow|sizehide|sizeshow|buttonbackgroundhide|buttonbackgroundshow|contentbackground|bordercolor|borderbackground}} | |||
{{Usage/Param|buttonhide|Text or filename for the 'hide' button.}} | |||
{{Usage/Param|buttonshow|Text or filename 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> | |||
==Icons== | |||
{| class="wikitable" | |||
Fi [[File:FiIcon.png]] | | [[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}} | ||