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.
No edit summary
(Overriding the bootstrap breakage...)
 
(17 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<includeonly><table style="border: 0px; width: 30em"><tr><td>{{{1}}}</td><td>''{{{2}}}''</td></tr></table></includeonly><noinclude>
<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 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|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}}


==Icon==
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:NaviIcon.png
{{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
|}


Fi [[File:FiIcon.png]] - File:FiIcon.png


{{Cat|Formatting Templates}}
{{Cat|Formatting Templates}}
{{Cat|Caption Templates}}
{{Cat|Caption Templates}}
</noinclude>

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
OldManIcon.png
Navi (template)
NaviIcon.png
NaviIcon.png
Tatl (template)
TatlIcon.png
TatlIcon.png
Fi (template)
FiIcon.png
FiIcon.png