View source for Template:BonusSegmentDisplay

<includeonly>{| style="width: 100%"
| style="display:inline-block; margin:auto; text-align: center;" |{{{title|}}}
{| class="roundy" style="display:inline-block; margin:auto; background:#{{{background|FFFFFF}}}; border: 3px solid #{{{border|000000}}}; border-collapse: separate"
|-
| class="roundy" style="background:#FFF; padding-left:4px;" |
<div style="display:flex;flex-wrap:wrap;text-align:center;align-items:start;justify-content:center;">
{{{images|}}}
</div><!--
-->{{#if:{{{descname1|}}}|<nowiki /> 
{{!}}-
{{!}} class="roundy" style="background:#FFF; padding-left:4px;" {{!}} '''{{{descname1|}}}:'''&emsp;{{{desc1|}}}
|}}<!--
-->{{#if:{{{descname2|}}}|<nowiki /> 
{{!}}-
{{!}} class="roundy" style="background:#FFF; padding-left:4px;" {{!}} '''{{{descname2|}}}:'''&emsp;{{{desc2|}}}
|}}<!--
-->{{#if:{{{descname3|}}}|<nowiki /> 
{{!}}-
{{!}} class="roundy" style="background:#FFF; padding-left:4px;" {{!}} '''{{{descname3|}}}:'''&emsp;{{{desc3|}}}
|}}<!--
-->{{#if:{{{notes|}}}|<nowiki /> 
{{!}}-
{{!}} class="roundy" style="background:#FFF; padding-left:4px" {{!}} '''Notes:'''&emsp;{{{notes|}}}
|}}
|}
|}</includeonly><noinclude>

This template displays an info box for bonus segments in anime episodes.

Note that the helper template [[Template:BonusSegmentDisplay/Image]] is used for displaying images in these boxes.

==Usage==
<pre>
{{BonusSegmentDisplay
|border=
|background=
|title=
|images=
|descname1=
|desc1=
|descname2=
|desc2=
|descname3=
|desc3=
|notes=
}}
</pre>

==Template fields==
* '''border''': 6-character hex color of the table borders, without the # sign. Defaults to FFFFFF. Named colors in a format like <nowiki>{{Pearl color}}</nowiki> will also work.
* '''background''': 6-character hex color of the table background, without the # sign. Defaults to FFFFFF. Named colors in a format like <nowiki>{{Diamond color}}</nowiki> will also work.
* '''title''': Title to be displayed at the top of the table.
* '''images''': Include as many <nowiki>{{BonusSegmentDisplay/Image}}</nowiki> as desired.
* '''descname1''' (optional): Name of the first descriptive row.
* '''desc1''': Contents of the first descriptive row.
* '''descname2''' (optional):
* '''desc2''':
* '''descname3''' (optional):
* '''desc3''':
* '''notes''' (optional): Additional notes, such as translation errors.

Additional notes:
* The rows for descriptions 1, 2, and 3 will each display only if the corresponding descname is not blank.
* The notes row will only display if the notes field is not blank.

==Examples==

===1 image, 3 descriptions + notes, hex colors===
<pre>
{{BonusSegmentDisplay
|border=FFAAFF
|background=AAFFAA
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
|descname3=Translation (EN)
|desc3="Run around the snowy garden, {{tt|Glacia|Glaceon}}."
|notes=Add notes here
}}
</pre>
{{BonusSegmentDisplay
|border=FFAAFF
|background=AAFFAA
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
|descname3=Translation (EN)
|desc3="Run around the snowy garden, {{tt|Glacia|Glaceon}}."
|notes=Add notes here
}}

===1 image, 2 descriptions, no notes, named colors===
<pre>
{{BonusSegmentDisplay
|border={{Pearl color}}
|background={{Diamond color}}
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
}}
</pre>
{{BonusSegmentDisplay
|border={{Pearl color}}
|background={{Diamond color}}
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
}}

===Multiple items===
<pre>
{{BonusSegmentDisplay
|border=FFAAFF
|background=AAFFAA
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
|descname3=Translation (EN)
|desc3="Run around the snowy garden, {{tt|Glacia|Glaceon}}."
|notes=Add notes here
}}
{{BonusSegmentDisplay
|border={{Pearl color}}
|background={{Diamond color}}
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
}}
</pre>
{{BonusSegmentDisplay
|border=FFAAFF
|background=AAFFAA
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
|descname3=Translation (EN)
|desc3="Run around the snowy garden, {{tt|Glacia|Glaceon}}."
|notes=Add notes here
}}
{{BonusSegmentDisplay
|border={{Pearl color}}
|background={{Diamond color}}
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{BonusSegmentDisplay/Image|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか　にわかけまわれ　グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
}}

[[Category:Table templates]]
</noinclude>