Template:NPC - Revision history

Sargonnas: Add zx-npc hook class for dark-theme CSS scoping (no visual/functional change)

2026-07-05T13:03:54Z

Add zx-npc hook class for dark-theme CSS scoping (no visual/functional change)

← Older revision		Revision as of 09:03, 5 July 2026
Line 116:		Line 116:
	}}		}}
	</pre></noinclude>		</pre></noinclude>
	{\| style="border-collapse: collapse; border:1px solid #3c6a95; text-align: center; float:right;"		{\| class="zx-npc" style="border-collapse: collapse; border:1px solid #3c6a95; text-align: center; float:right;"
	\| style="background: #4696cf; padding 3px; color:white; border-bottom: 1px solid #3c6a95;" \| '''{{PAGENAME}}'''		\| style="background: #4696cf; padding 3px; color:white; border-bottom: 1px solid #3c6a95;" \| '''{{PAGENAME}}'''
	\|-		\|-
Line 122:		Line 122:
	\|}		\|}

	{\| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #3c6a95; width: 100%; max-width: 800px;" cellpadding="3"		{\| class="zx-npc" style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #3c6a95; width: 100%; max-width: 800px;" cellpadding="3"
	! style="border-width: 2px; border-color: #3c6a95; background-color: #4696cf; color: white; text-align: center;" colspan="4" height="34px" \|		! style="border-width: 2px; border-color: #3c6a95; background-color: #4696cf; color: white; text-align: center;" colspan="4" height="34px" \|
	{\| style="width: 100%;"		{\| style="width: 100%;"

imported>Mieiki: swapped right -> center for the image so it centers

2026-06-12T17:44:14Z

swapped right -> center for the image so it centers

imported>Spicyryan at 04:06, 5 June 2023

2023-06-05T04:06:46Z

New page

<noinclude>[[Category:Templates/System|{{PAGENAME}}]][[Category:Templates/Headers|{{PAGENAME}}]]
==Usage/Example==
{| align="right"
|<pre>{{NPC
|Name=Leonie
|Location=Bastok Mines
|Position=K-9
|Type=Mog House NPC
|Description=Checks in/out your [[Mog House]] from other nations.
}}</pre>
|}
*This template creates an NPC Header, you must type additional information about the NPC if necessary after template placement, such as, merchant wares.
*Image file name '''must''' have the same name as the page in .jpg or .png format.
*Type '''must''' match an existing NPC subcategory. For a list, please refer to [[:Category:NPCs]].
*Location '''must''' be the same name as a zone name.
*If there is more than one location where the NPC can be found, this template is designed to hold upto 10 different locations and positions. (Example at the bottom)
:*To achieve this, both ''Location'' and ''Position'' fields must be left blank.
:*The ''Locations'' and ''Positions'' can be listed as additional parameters of the template without any field name.
:*Each listed ''position'' must follow directly after its paired ''location''.
:*If the ''position'' of a particular NPC in a zone is not known, or cannot be determined, please leave it '''blank'''.
<div style="clear: both;"></div>
<pre>{{NPC
|Name=
|Type=
|Location=
|Position=
|Description=
}}
</pre>

*Add the following sections as needed, or leave the code out completely if not relevant:
<pre>
====Starts Quests/Missions====
*[[quest name]]
*[[quest name]]

====Involved in Quests/Missions====
*[[quest name]]
*[[quest name]]

====Relevant Lore====
*
*
</pre>

== NPC Vendor Table ==
*To be used with Template:NPC, where vendor information is relevant
<pre>{{NPC Vendor Table
|Insert NPC Vendor Wares Template=
}}</pre>
*Enter for "Insert NPC Vendor Wares Template" the following codes and repeat as many times as needed:
<pre>
{{NPC Vendor Wares
|Item Name=
|Lowest Price=
|Highest Price=
|Conquest Restriction=
}}
</pre>
*You may enter as many of the codes as needed.
*Example:
<pre>{{NPC Vendor Table
|Insert NPC Vendor Wares Template=
{{NPC Vendor Wares
|Item Name=
|Lowest Price=
|Highest Price=
|Conquest Restriction=
}}
{{NPC Vendor Wares
|Item Name=
|Lowest Price=
|Highest Price=
|Conquest Restriction=
}}
{{NPC Vendor Wares
|Item Name=
|Lowest Price=
|Highest Price=
|Conquest Restriction=
}}
}}
</pre>

====Usage of Template====
*If you type the following:
<pre>{{NPC Vendor Table
|Insert NPC Vendor Wares Template=
{{NPC Vendor Wares
|Item Name=Bronze Cap
|Lowest Price=154
|Highest Price=174
|Conquest Restriction=Bastok - 2nd place
}}
}}</pre>

*You will see the following table appear on the page where the template is used:
{{NPC Vendor Table
|Insert NPC Vendor Wares Template=
{{NPC Vendor Wares
|Item Name=Bronze Cap
|Lowest Price=154
|Highest Price=174
|Conquest Restriction=Bastok - 2nd place
}}
}}

==Template:NPC==
*The following is what appears when you use
<pre>{{NPC
|Name=
|Type=
|Location=
|Position=
|Description=
}}
</pre></noinclude><div class="img-scaler">{{#if: {{{Image|}}} | {{#ifexist: File:{{{Image}}}.png | [[File:{{{Image}}}.png|right|250px]] | [[File:{{{Image}}}.jpg|right|250px]] }} | {{#ifexist: File:{{{Name}}}.png | [[File:{{{Name}}}.png|right|250px]] | {{#ifexist: File:{{{Name}}}.jpg | [[File:{{{Name}}}.jpg|right|250px]] | '''PNG Format:'''[[File:{{{Name}}}.png|right]] <br> '''or''' <br> '''JPG Format:'''[[File:{{{Name}}}.jpg|right]] }}}}}}</div>

{| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #4B4D4F; width: 100%; max-width: 800px;" cellpadding="3"
! style="border-width: 2px; border-color: #3c6a95; background-color: #a6dbfd; color: #000000; text-align: center;" colspan="4" height="34px" |
{| style="width: 100%;"
| style="width: 100%; text-align: center; padding 3px;"| '''NPC''' <div style="float: right;">[[Image:{{BG_icon}} | link=:Special:WhatLinksHere/{{PAGENAME}} | Pages on this wiki that reference this item]]</div>
|}
|- style="vertical-align: top;"
| style="border-style: solid; border-width: 1px; border-color: #4B4D4F; width: 10%; padding-left: 5px;" | '''Location:'''
| style="border-style: solid; border-width: 1px; border-color: #4B4D4F; padding-left: 5px;"| {{#if: {{{Location|}}}| [[{{{Location}}}]] {{#if: {{{Position|}}}
| - ({{{Position}}})}}|{{#if:{{{1|}}}|[[{{{1}}}]] {{#if:{{{2|}}}
| - ({{trim|{{{2}}}}})}}{{#if:{{{3|}}}|<br>[[{{{3}}}]] {{#if:{{{4|}}}
| - ({{trim|{{{4}}}}})}}{{#if:{{{5|}}}|<br>[[{{{5}}}]] {{#if:{{{6|}}}
| - ({{trim|{{{6}}}}})}}{{#if:{{{7|}}}|<br>[[{{{7}}}]] {{#if:{{{8|}}}
| - ({{trim|{{{8}}}}})}}{{#if:{{{9|}}}|<br>[[{{{9}}}]] {{#if:{{{10|}}}
| - ({{trim|{{{10}}}}})}}{{#if:{{{11|}}}|<br>[[{{{11}}}]] {{#if:{{{12|}}}
| - ({{trim|{{{12}}}}})}}{{#if:{{{13|}}}|<br>[[{{{13}}}]] {{#if:{{{14|}}}
| - ({{trim|{{{14}}}}})}}{{#if:{{{15|}}}|<br>[[{{{15}}}]] {{#if:{{{16|}}}
| - ({{trim|{{{16}}}}})}}{{#if:{{{17|}}}|<br>[[{{{17}}}]] {{#if:{{{18|}}}
| - ({{trim|{{{18}}}}})}}{{#if:{{{19|}}}|<br>[[{{{19}}}]] {{#if:{{{20|}}}
| - ({{trim|{{{20}}}}})}}{{#if:{{{21|}}}|<br>[[{{{21}}}]] {{#if:{{{22|}}}
| - ({{trim|{{{22}}}}})}}{{#if:{{{23|}}}|<br>[[{{{23}}}]] {{#if:{{{24|}}}
| - ({{trim|{{{24}}}}})}}{{#if:{{{25|}}}|<br>[[{{{25}}}]] {{#if:{{{26|}}}
| - ({{trim|{{{26}}}}})}}{{#if:{{{27|}}}|<br>[[{{{27}}}]] {{#if:{{{28|}}}
| - ({{trim|{{{28}}}}})}}{{#if:{{{29|}}}|<br>[[{{{29}}}]] {{#if:{{{30|}}}
| - ({{trim|{{{30}}}}})}}{{#if:{{{31|}}}|<br>[[{{{31}}}]] {{#if:{{{32|}}}
| - ({{trim|{{{32}}}}})}}{{#if:{{{33|}}}|<br>[[{{{33}}}]] {{#if:{{{34|}}}
| - ({{trim|{{{34}}}}})}}{{#if:{{{35|}}}|<br>[[{{{35}}}]] {{#if:{{{36|}}}
| - ({{trim|{{{36}}}}})}}{{#if:{{{37|}}}|<br>[[{{{37}}}]] {{#if:{{{38|}}}
| - ({{trim|{{{38}}}}})}}{{#if:{{{39|}}}|<br>[[{{{39}}}]] {{#if:{{{40|}}}
| - ({{trim|{{{40}}}}})}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
|- style="vertical-align: top;"
| style="border-style: solid; border-width: 1px; border-color: #4B4D4F; padding-left: 5px;"| '''Type:'''
| style="border-style: solid; border-width: 1px; border-color: #4B4D4F; padding-left: 5px;"| {{{Type|}}}
|- style="vertical-align: top;"
| style="border-style: solid; border-width: 1px; border-color: #4B4D4F; padding-left: 5px;"| '''Description:'''
| style="border-style: solid; border-width: 1px; border-color: #4B4D4F; padding-left: 5px;"| {{{Description|}}}
|}
__NOTOC__<noinclude>
==Template:NPC (Expanded Locations)==
*The following is what appears when you use
<pre>{{NPC
|Name=Choh Moui
|Type=Campaign NPC
|Crawlers' Nest (S)|I-11
|Bastok Markets (S)|
|Southern San d'Oria (S)|J-11
|Windurst Waters (S)|G-10
|Description= Freelancer
}}
</pre>
{| class="WikiBlue" style="width: 788px; border-collapse: collapse;"
|- style="background: #CCE6F9; vertical-align:top; "
| style="width:10%; padding-left: 5px;"| '''Location:'''
| style="padding-left: 5px;"| [[Crawlers' Nest (S)]] - (I-11)<br>[[Bastok Markets (S)]] <br>[[Southern San d'Oria (S)]] - (J-11)<br>[[Windurst Waters (S)]] - (G-10)
|- style="background: #CCE6F9; vertical-align:top;"
| style="padding-left: 5px;"| '''Type:'''
| style="padding-left: 5px;"| Campaign NPC
|- style="background: #CCE6F9; vertical-align:top;"
| style="padding-left: 5px;"| '''Description:'''
| style="padding-left: 5px;"| Freelancer
|}
</noinclude><includeonly>[[Category:NPCs|{{PAGENAME}}]]{{#if: {{{Type|}}}|[[Category:{{{Type}}}|{{PAGENAME}}]]}}{{#if: {{{Location|}}}|[[Category:{{{Location}}} NPCs|{{PAGENAME}}]]|{{#if: {{{1|}}}|[[Category:{{{1}}} NPCs|{{PAGENAME}}]]{{#if: {{{3|}}}|[[Category:{{{3}}} NPCs|{{PAGENAME}}]]{{#if: {{{5|}}}|[[Category:{{{5}}} NPCs|{{PAGENAME}}]]{{#if: {{{7|}}}|[[Category:{{{7}}} NPCs|{{PAGENAME}}]]{{#if: {{{9|}}}|[[Category:{{{9}}} NPCs|{{PAGENAME}}]]{{#if: {{{11|}}}|[[Category:{{{11}}} NPCs|{{PAGENAME}}]]{{#if: {{{13|}}}|[[Category:{{{13}}} NPCs|{{PAGENAME}}]]{{#if: {{{15|}}}|[[Category:{{{15}}} NPCs|{{PAGENAME}}]]{{#if: {{{17|}}}|[[Category:{{{17}}} NPCs|{{PAGENAME}}]]{{#if: {{{19|}}}|[[Category:{{{19}}} NPCs|{{PAGENAME}}]]}}}}}}}}}}}}}}}}}}}}}}</includeonly>

← Older revision		Revision as of 13:44, 12 June 2026
Line 115:		Line 115:
	\|Description=		\|Description=
	}}		}}
	</pre></noinclude><div class="img-scaler">{{#if: {{{Image\|}}} \| {{#ifexist: File:{{{Image}}}.png \| [[File:{{{Image}}}.png\|~~right~~\|250px]] \| [[File:{{{Image}}}.jpg\|~~right~~\|250px]] }} \| {{#ifexist: File:{{{Name}}}.png \| [[File:{{{Name}}}.png\|~~right~~\|250px]] \| {{#ifexist: File:{{{Name}}}.jpg \| [[File:{{{Name}}}.jpg\|~~right~~\|250px]] \| '''PNG Format:'''[[File:{{{Name}}}.png\|~~right~~]] <br> '''or''' <br> '''JPG Format:'''[[File:{{{Name}}}.jpg\|~~right~~]] }}}}}}</div>		</pre></noinclude>
			{\| style="border-collapse: collapse; border:1px solid #3c6a95; text-align: center; float:right;"
			\| style="background: #4696cf; padding 3px; color:white; border-bottom: 1px solid #3c6a95;" \| '''{{PAGENAME}}'''
			\|-
			\| style="background: #f5f5f5;" \| <div class="img-scaler">{{#if: {{{Image\|}}} \| {{#ifexist: File:{{{Image}}}.png \| [[File:{{{Image}}}.png\|center\|250px]] \| [[File:{{{Image}}}.jpg\|center\|250px]] }} \| {{#ifexist: File:{{{Name}}}.png \| [[File:{{{Name}}}.png\|center\|250px]] \| {{#ifexist: File:{{{Name}}}.jpg \| [[File:{{{Name}}}.jpg\|center\|250px]] \| '''PNG Format:'''[[File:{{{Name}}}.png\|center]] <br> '''or''' <br> '''JPG Format:'''[[File:{{{Name}}}.jpg\|center]] }}}}}}</div>
			\|}

	{\| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #~~4B4D4F~~; width: 100%; max-width: 800px;" cellpadding="3"		{\| style="border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #3c6a95; width: 100%; max-width: 800px;" cellpadding="3"
	! style="border-width: 2px; border-color: #3c6a95; background-color: #~~a6dbfd~~; color: ~~#000000~~; text-align: center;" colspan="4" height="34px" \|		! style="border-width: 2px; border-color: #3c6a95; background-color: #4696cf; color: white; text-align: center;" colspan="4" height="34px" \|
	{\| style="width: 100%;"		{\| style="width: 100%;"
	\| style="width: 100%; text-align: center; padding 3px;"\| '''NPC''' <div style="float: right;">[[Image:{{BG_icon}} \| link=:Special:WhatLinksHere/{{PAGENAME}} \| Pages on this wiki that reference this item]]</div>		\| style="width: 100%; text-align: center; padding 3px; "\| '''NPC''' <div style="float: right;">[[Image:{{BG_icon}} \| link=:Special:WhatLinksHere/{{PAGENAME}} \| Pages on this wiki that reference this item]]</div>
	\|}		\|}
	\|- style="vertical-align: top;"		\|- style="vertical-align: top;"
	\| style="border-style: solid; border-width: 1px; border-color: #~~4B4D4F~~; width: 10%; padding-left: 5px;" \| '''Location:'''		\| style="border-style: solid; border-width: 1px; border-color: #3c6a95; width: 10%; padding-left: 5px; background: #d4d4d4; padding: 5px;" \| '''Location:'''
	\| style="border-style: solid; border-width: 1px; border-color: #~~4B4D4F~~; padding-left: 5px;"\| {{#if: {{{Location\|}}}\| [[{{{Location}}}]] {{#if: {{{Position\|}}}		\| style="border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #f5f5f5;"\| {{#if: {{{Location\|}}}\| [[{{{Location}}}]] {{#if: {{{Position\|}}}
	\| - ({{{Position}}})}}\|{{#if:{{{1\|}}}\|[[{{{1}}}]] {{#if:{{{2\|}}}		\| - ({{{Position}}})}}\|{{#if:{{{1\|}}}\|[[{{{1}}}]] {{#if:{{{2\|}}}
	\| - ({{trim\|{{{2}}}}})}}{{#if:{{{3\|}}}\|<br>[[{{{3}}}]] {{#if:{{{4\|}}}		\| - ({{trim\|{{{2}}}}})}}{{#if:{{{3\|}}}\|<br>[[{{{3}}}]] {{#if:{{{4\|}}}
Line 147:		Line 152:
	\| - ({{trim\|{{{40}}}}})}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}		\| - ({{trim\|{{{40}}}}})}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}
	\|- style="vertical-align: top;"		\|- style="vertical-align: top;"
	\| style="border-style: solid; border-width: 1px; border-color: #~~4B4D4F~~; padding-left: 5px;"\| '''Type:'''		\| style="border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #d4d4d4; padding: 5px;"\| '''Type:'''
	\| style="border-style: solid; border-width: 1px; border-color: #~~4B4D4F~~; padding-left: 5px;"\| {{{Type\|}}}		\| style="border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #f5f5f5;"\| {{{Type\|}}}
	\|- style="vertical-align: top;"		\|- style="vertical-align: top;"
	\| style="border-style: solid; border-width: 1px; border-color: #~~4B4D4F~~; padding-left: 5px;"\| '''Description:'''		\| style="border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #d4d4d4; padding: 5px;"\| '''Description:'''
	\| style="border-style: solid; border-width: 1px; border-color: #~~4B4D4F~~; padding-left: 5px;"\| {{{Description\|}}}		\| style="border-style: solid; border-width: 1px; border-color: #3c6a95; padding-left: 5px; background: #f5f5f5;"\| {{{Description\|}}}
	\|}		\|}
	__NOTOC__<noinclude>		__NOTOC__<noinclude>