Template:Caption: Difference between revisions

From Zelda Dungeon Wiki
Jump to navigation Jump to search
Want an adless experience? Log in or Create an account.
(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:
<includeonly><table style="border: 0px; width: 30em"><tr><td>{{{1}}}<br>{{Show|~button}}</td><td>{{Show|~content|content={{#tag:poem|{{{2}}}}}|style=font-style:italic}}</td></tr></table></includeonly><noinclude>
<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 meta-template is used for the Fi, Navi, etc. quote templates.
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==
'''<nowiki>{{Caption|image|text}}</nowiki>'''
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}}


==Icon==
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":
Old Man [[File:OldManIcon.png]] - File:OldManIcon.png
{{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}}


Navi [[File:NaviIcon.png]] - File:NaviIcon.png
The caption can be hidden by default using <code>init=hide</code>


Tatl [[File:TatlIcon.png]] - File:TatlIcon.png
==Icons==
 
{| class="wikitable"
Fi [[File:FiIcon.png]] - 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}}
</noinclude>

Revision as of 02:59, October 5, 2012

{{{button}}}

{{{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
| button = 
| title = 
| size = 
| buttonbackground = 
| contentbackground = 
| bordercolor = 
| borderbackground = 
}}


  • content — The caption itself, which can be hidden by clicking the button.
  • button — Either a filename for an image, or text to display as the 'toggle visibility' button.
  • 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 "buttonhide" and "buttonshow" instead of "button", as with "title", "size", and "buttonbackground":

{{Caption|content
| buttonhide = 
| buttonshow = 
| titlehide = 
| titleshow = 
| sizehide = 
| sizeshow = 
| buttonbackgroundhide = 
| buttonbackgroundshow = 
| contentbackground = 
| bordercolor = 
| borderbackground = 
}}


  • buttonhide — Text or filename for the 'hide' button.
  • buttonshow — Text or filename 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

Icons

Old Man (template)
OldManIcon.png
OldManIcon.png
Navi (template)
NaviIcon.png
NaviIcon.png
Tatl (template)
TatlIcon.png
TatlIcon.png
Fi (template)
FiIcon.png
FiIcon.png