Template:Infobox character: Difference between revisions

major overhaul for the picture tabs
m (italicised japanese transliteration section)
(major overhaul for the picture tabs)
Line 2: Line 2:
<div class="infobox-title">{{{title|{{PAGENAME}}}}}</div>
<div class="infobox-title">{{{title|{{PAGENAME}}}}}</div>
{{#if:{{{image-manga|}}}{{{image-anime|}}}|
{{#if:{{{image-manga|}}}{{{image-anime|}}}|
<tabber style="text-align:center; height:300px;>
{{#tag:tabber|
|-|Manga=
{{#if: {{{image-manga|<noinclude>image-manga</noinclude>}}}|
Manga=
{{#if:{{{image-manga-2|}}}{{{image-manga-3|}}}{{{image-manga-4|}}}|
{{#tag:tabber|
{{{image-manga-label|Manga 1}}} =
{{#if:{{{image-manga|}}}|<div class="infobox-image">[[{{{image-manga}}}|250px|{{{alt-manga|}}}|alt={{{alt-manga|}}}]]</div>|'''Image not available.'''}}
{{#if:{{{image-manga|}}}|<div class="infobox-image">[[{{{image-manga}}}|250px|{{{alt-manga|}}}|alt={{{alt-manga|}}}]]</div>|'''Image not available.'''}}
|-|Anime=
{{#if: {{{image-manga-2|<noinclude>image-manga-2</noinclude>}}}|
{{!}}-{{!}}
{{{image-manga-2-label|Manga 2}}} =
{{#if:{{{image-manga-2|}}}|<div class="infobox-image">[[{{{image-manga-2}}}|250px|{{{alt-manga-2|}}}|alt={{{alt-manga-2|}}}]]</div>|'''Image not available.'''}}
}}
{{#if: {{{image-manga-3|<noinclude>image-manga-3</noinclude>}}}|
{{!}}-{{!}}
{{{image-manga-3-label|Manga 3}}} =
{{#if:{{{image-manga-3|}}}|<div class="infobox-image">[[{{{image-manga-3}}}|250px|{{{alt-manga-3|}}}|alt={{{alt-manga-3|}}}]]</div>|'''Image not available.'''}}
}}
{{#if: {{{image-manga-4|<noinclude>image-manga-4</noinclude>}}}|
{{!}}-{{!}}
{{{image-manga-4-label|Manga 4}}} =
{{#if:{{{image-manga-4|}}}|<div class="infobox-image">[[{{{image-manga-4}}}|250px|{{{alt-manga-4|}}}|alt={{{alt-manga-4|}}}]]</div>|'''Image not available.'''}}
}}
}} <!-- Closing tabber for Manga section --> |{{#if:{{{image-manga|}}}|<div class="infobox-image">[[{{{image-manga}}}|250px|{{{alt-manga|}}}|alt={{{alt-manga|}}}]]</div>|'''Image not available.'''}}
}}
}}
{{#if: {{{image-anime|<noinclude>image-anime</noinclude>}}}|
{{!}}-{{!}}
Anime=
{{#if:{{{image-anime-2|}}}{{{image-anime-3|}}}{{{image-anime-4|}}}|
{{#tag:tabber|
{{{image-anime-label|Anime 1}}} =
{{#if:{{{image-anime|}}}|<div class="infobox-image">[[{{{image-anime}}}|250px|{{{alt-anime|}}}|alt={{{alt-anime|}}}]]</div>|'''Image not available.'''}}
{{#if:{{{image-anime|}}}|<div class="infobox-image">[[{{{image-anime}}}|250px|{{{alt-anime|}}}|alt={{{alt-anime|}}}]]</div>|'''Image not available.'''}}
</tabber>|
{{#if: {{{image-anime-2|<noinclude>image-anime-2</noinclude>}}}|
{{#if:{{{image|}}}|<div class="infobox-image">[[{{{image}}}|250px|{{{alt|}}}|alt={{{alt|}}}]]</div>|'''Image not available.'''}}
{{!}}-{{!}}
{{{image-anime-2-label|Anime 2}}} =
{{#if:{{{image-anime-2|}}}|<div class="infobox-image">[[{{{image-anime-2}}}|250px|{{{alt-anime-2|}}}|alt={{{alt-anime-2|}}}]]</div>|'''Image not available.'''}}
}}
{{#if: {{{image-anime-3|<noinclude>image-anime-3</noinclude>}}}|
{{!}}-{{!}}
{{{image-anime-3-label|Anime 3}}} =
{{#if:{{{image-anime-3|}}}|<div class="infobox-image">[[{{{image-anime-3}}}|250px|{{{alt-anime-3|}}}|alt={{{alt-anime-3|}}}]]</div>|'''Image not available.'''}}
}}
{{#if: {{{image-anime-4|<noinclude>image-anime-4</noinclude>}}}|
{{!}}-{{!}}
{{{image-anime-4-label|Anime 4}}} =
{{#if:{{{image-anime-4|}}}|<div class="infobox-image">[[{{{image-anime-4}}}|250px|{{{alt-anime-4|}}}|alt={{{alt-anime-4|}}}]]</div>|'''Image not available.'''}}
}}
}} <!-- Closing tabber for Anime section -->|{{#if:{{{image-anime|}}}|<div class="infobox-image">[[{{{image-anime}}}|250px|{{{alt-anime|}}}|alt={{{alt-anime|}}}]]</div>|'''Image not available.'''}}
}}
}}
}} <!-- Closing outer tabber -->
}}
}}
{{#if:{{{name-jp-full|}}}{{{name-jp-trans|}}}{{{nicknames|}}}|
{{#if:{{{name-jp-full|}}}{{{name-jp-trans|}}}{{{nicknames|}}}|
Line 123: Line 167:
| occupation = Skater
| occupation = Skater
| skating-discipline = Women's singles
| skating-discipline = Women's singles
| clubs = Lux Estberg FSC
| clubs = [[Template:Infobox club|Lux Estberg FSC]]
| skating-class = Junior
| skating-class = Junior
| skating-level = Lv.11
| skating-level = Lv.11
Line 145: Line 189:
| title =  
| title =  
| image-manga =  
| image-manga =  
| alt-manga =
| alt-manga =  
| image-anime =
| image-anime =  
| image-alt =  
| alt-anime =  
| name-jp-full =  
| name-jp-full =  
| name-jp-trans =  
| name-jp-trans =  
Line 172: Line 216:
|  
|  
}}</nowiki></pre>
}}</nowiki></pre>
Then simply fill out the relevant information. '''Blank entries will not be rendered''', so if you have no info regarding that row, then just don't fill it out.</noinclude>
Then simply fill out the relevant information. '''Blank entries will not be rendered''', so if you have no info regarding that row, then just don't fill it out.
 
== Filling in pictures... ==
There's some information regarding filling fields on the [[Manual of Style]] page, navigate to the section titled '''Article sections''' and click on the '''Character pages''' tab. Here, I would like to go into the picture fields.</br>
This is what the bare minimum for the images look like.
<pre><nowiki>
| image-manga =
| alt-manga =
| image-anime =
| alt-anime =
</nowiki></pre>
This generates two tabs, one for the manga picture, and one for the anime picture.</br>
But what if you wanted to include multiple pictures? Say, for Inori at ages 11 (Volume 3), 12 (Volume 6), and 13 (Volume 11)? Don't worry, I've got you covered.
<pre><nowiki>
| image-manga =
| image-manga-label =
| alt-manga =
| image-manga-2 =
| image-manga-2-label =
| alt-manga-2 =
 
| image-anime =
| image-anime-label =
| alt-anime =
| image-anime-2 =
| image-anime-2-label =
| alt-anime-2 =
</nowiki></pre>
With this, you can now include multiple pictures for either the '''Manga''' or '''Anime''' tabs, each with their own sub-tab labels. The following template creates the infobox on the right, below the main example.
{{Infobox character
| image-manga = File:INORI_MANGA_ICON.png
| image-manga-label = Manga No. 1
| alt-manga = This is the alt text for #1
| image-manga-2 = File:HIKARU_MANGA_ICON.png
| image-manga-2-label = Manga No. 2
| alt-manga-2 = This is the alt text for #2
 
| image-anime = File:INORI_ANIME_ICON.png
| image-anime-label = Anime No.1
| alt-anime = This is the alt text for #1
| image-anime-2 = File:HIKARU ANIME ICON.png
| image-anime-2-label = Anime No. 2
| alt-anime-2 = This is the alt text for #2
}}
<pre><nowiki>
{{Infobox character
| image-manga = File:INORI_MANGA_ICON.png
| image-manga-label = Manga No. 1
| alt-manga = This is the alt text for #1
| image-manga-2 = File:HIKARU_MANGA_ICON.png
| image-manga-2-label = Manga No. 2
| alt-manga-2 = This is the alt text for #2
 
| image-anime = File:INORI_ANIME_ICON.png
| image-anime-label = Anime No. 1
| alt-anime = This is the alt text for #1
| image-anime-2 = File:HIKARU ANIME ICON.png
| image-anime-2-label = Anime No. 2
| alt-anime-2 = This is the alt text for #2
}}
</nowiki></pre>
You can add up to ''four'' pictures per tab, that's four for '''Manga''' and four for '''Anime''' (Author's note: I will add more slots, but that's for another time).</br>
I recommend labeling them according to ''the volume'' the picture appears in rather than the chapter, so they would have the label "'''Volume 4'''", or something like that. If you want, you can add a special tab specifically for a rendition of the character in a colored illustration (I recommend labeling this tab simply "'''Color'''")
</noinclude>