Template:ID badge: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
(Flex box with two columns (one for pic, one for name + planet) #cww)
(the photo not lining up like it does in game bothers me.)
 
(12 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div style="width:55%; border:solid black 2px; padding:none; font-family:Verdana;">
<templatestyles src="ID badge/styles.css"/>
<div style="background-color:{{{color|#EE1122}}}">&nbsp;</div>
<div class="p4-id" style="width:400px;font-family:Verdana;border:2px solid #000;margin:1em 0">
<div style="background-color:#EFEFEF;">
<div style="background:{{#if:{{{rescuecorps|}}}|#D03C39|#B1B5B9}}">&nbsp;</div>
<div style="display: flex; box-sizing: border-box; padding: 0 1em; gap: 1em; width:100%;">
<div style="background:#EFEFEF">
<div style="width:100%;display:flex;gap:1em;box-sizing:border-box;padding:0 1em">
<div>
<div>
<div style="background-color:#FFFFFF; border-radius:0px 10px 0px 8px; margin:1px;">
<div style="background:#FFF;border-radius:0 10px 0 8px;margin:1px">
[[File:P4 ID Badge Collin.png|80px|link=]]
[[File:{{{image}}}|116px|link=]]
</div>
</div>
</div>
</div>
<div style="flex-grow: 1;">
<div style="flex-grow:1">
<div style="background-color:#FFFFFF; width:100%; padding-left: .5em;">
<div style="width:100%;background:#FFF;padding-left:0.5em">
<span style="color:#00AAFF">Rescue Corps Officer</span><br>
<span style="color:#0AF">{{#if:{{{icon|}}}|[[File:{{{icon}}}|20px|link=]]}}{{{title|null}}}</span><br>
<span style="color:#113388">'''{{{name|null}}}'''</span></div>
<span style="color:#138">'''{{{name|null}}}'''</span></div>
<div style="background-color:#FFFFFF; width:100%; padding-left: .5em;">
<div style="width:100%;background:#FFF;padding-left:0.5em">
<span style="color:#00AAFF">Home Planet</span><br>
<span style="color:#0AF">Home Planet</span><br>
<span style="color:#113388">'''{{{planet|null}}}'''</span></div>
<span style="color:#138">'''{{{planet|null}}}'''</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color:#EFEFEF; padding:10px; font-weight:450; text-align:justify; text-justify: inter-word;">
<div style="background:#EFEFEF;font-weight:450;text-align:justify;text-justify:inter-word;padding:10px">
{{{line1|null}}}
{{{line1|null}}}
<hr style="border-top:solid 1px #00AAFF;">
<hr style="border-top:1px solid #0AF">
{{{line2|null}}}
{{{line2|null}}}
<hr style="border-top:solid 1px #00AAFF;">
<hr style="border-top:1px solid #0AF">
{{{line3|null}}}
{{{line3|null}}}
<hr style="border-top:solid 1px #00AAFF;">
<hr style="border-top:1px solid #0AF">
</div>
</div>
</div>
</div><noinclude>
</div><br><noinclude>
 
==Info==
This template generates [[Tablet#ID Badges|ID badges]] that look similar to the ones for characters in ''[[Pikmin 4]]''.
 
==Parameters==
{| class="wikitable"
|-
! Parameter
! Mandatory
! Description
|-
! rescuecorps
| No || If this parameter has a value (such as "y"), the bar at the top will be red instead of the default grey.
|-
! image
| '''Yes''' || Image of the character.
|-
! name
| '''Yes''' || The character's name.
|-
! title
| '''Yes''' || The character's title.
|-
! icon
| No || Icon next to the character's title.
|-
! planet
| '''Yes''' || The character's home planet.
|-
! line1
| '''Yes''' || The first line of text describing the character.
|-
! line2
| '''Yes''' || The second line of text describing the character.
|-
! line3
| '''Yes''' || The third line of text describing the character.
|}
 
==Skeleton==
<pre>
{{ID badge
|rescuecorps =
|image =
|name =
|title =
|icon =
|planet =
|line1 =
|line2 =
|line3 =
}}
</pre>


{{User:Trig Jegman/P4 ID
==Examples==
|name=Collin
{|class="wikitable"
|planet=Giya
! Code
|line1=As the Rescue Corp Comms Operator,
! Result
|line2=he handles communication for his fellow
|-
|line3=officers. Plus he's handy with a wrench!
|<pre>{{ID badge
|rescuecorps = y
|image = P4 ID Badge Collin.png
|name = Collin
|title = Rescue Corps Officer
|icon = ID badge title Collin P4 icon.png
|planet = Giya
|line1 = As the Rescue Corps Comms Operator,
|line2 = he handles communication for his fellow
|line3 = officers. Plus he's handy with a wrench!
}}</pre>
|{{ID badge
|rescuecorps = y
|image = P4 ID Badge Collin.png
|name = Collin
|title = Rescue Corps Officer
|icon = ID badge title Collin P4 icon.png
|planet = Giya
|line1 = As the Rescue Corps Comms Operator,
|line2 = he handles communication for his fellow
|line3 = officers. Plus he's handy with a wrench!
}}
}}
|-
|<pre>{{ID badge
|image = P4 ID Badge Kaia.png
|name = Kaia
|title = Uncharted Planet Tourist
|planet = Neechki
|line1 = Though a member of her school's Planetary
|line2 = Science Club, the hours she spends cloud
|line3 = gazing rarely lead to scientific observations.
}}</pre>
|{{ID badge
|image = P4 ID Badge Kaia.png
|name = Kaia
|title = Uncharted Planet Tourist
|planet = Neechki
|line1 = Though a member of her school's Planetary
|line2 = Science Club, the hours she spends cloud
|line3 = gazing rarely lead to scientific observations.
}}
|}
[[Category:Templates]]</noinclude>

Latest revision as of 17:20, December 17, 2024

 

[[File:{{{image}}}|116px|link=]]

null

null

Home Planet

null

null


null


null


Info

This template generates ID badges that look similar to the ones for characters in Pikmin 4.

Parameters

Parameter Mandatory Description
rescuecorps No If this parameter has a value (such as "y"), the bar at the top will be red instead of the default grey.
image Yes Image of the character.
name Yes The character's name.
title Yes The character's title.
icon No Icon next to the character's title.
planet Yes The character's home planet.
line1 Yes The first line of text describing the character.
line2 Yes The second line of text describing the character.
line3 Yes The third line of text describing the character.

Skeleton

{{ID badge
|rescuecorps = 
|image = 
|name = 
|title = 
|icon = 
|planet = 
|line1 = 
|line2 = 
|line3 = 
}}

Examples

Code Result
{{ID badge
|rescuecorps = y
|image = P4 ID Badge Collin.png
|name = Collin
|title = Rescue Corps Officer
|icon = ID badge title Collin P4 icon.png
|planet = Giya
|line1 = As the Rescue Corps Comms Operator,
|line2 = he handles communication for his fellow
|line3 = officers. Plus he's handy with a wrench!
}}
 

ID badge image of Collin.

Icon displayed next to the title on Collin's ID badge.Rescue Corps Officer

Collin

Home Planet

Giya

As the Rescue Corps Comms Operator,


he handles communication for his fellow


officers. Plus he's handy with a wrench!


{{ID badge
|image = P4 ID Badge Kaia.png
|name = Kaia
|title = Uncharted Planet Tourist
|planet = Neechki
|line1 = Though a member of her school's Planetary 
|line2 = Science Club, the hours she spends cloud
|line3 = gazing rarely lead to scientific observations.
}}
 

ID badge image of Kaia.

Uncharted Planet Tourist

Kaia

Home Planet

Neechki

Though a member of her school's Planetary


Science Club, the hours she spends cloud


gazing rarely lead to scientific observations.