17,273
edits
Template:Caption: Difference between revisions
Jump to navigation
Jump to search
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}} | ||