• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Difference between revisions of "Template:ItemMap"

From Kancolle Wiki
Jump to navigation Jump to search
(Merge with Documentation page. Documentation 'Sample/result' section updated.)
m
 
(4 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
width:50px;
 
width:50px;
 
height:50px;
 
height:50px;
{{#if: {{{tooltip|}}}|cursor:help;" title="{{{tooltip|}}}"|"}}>[[File:{{#if:{{{1|}}}|{{#ifeq:{{{type|}}}|P|Shop|Item}}_Icon_{{{1}}}.png|Empty Equipment Card.png}}|{{#if: {{{type|}}}|50px{{!}} |50px{{!}} }}link={{{link|Shop#{{#if:{{{type|}}}|{{{type}}}_}}{{{1}}}}}}]]
+
{{#if: {{{tooltip|}}}|cursor:help;" title="{{{tooltip|}}}"|"}}>[[File:{{#if:{{{1|}}}|{{#ifeq:{{{type|}}}|P|Shop|Item}}_Icon_{{{1}}}.png|Empty Equipment Card.png}}|{{#if: {{{type|}}}|50px{{!}} |50px{{!}} }}link={{{link|#{{#if:{{{type|}}}|{{{type}}}_}}{{{1}}}}}}]]
 
</span></includeonly><noinclude>
 
</span></includeonly><noinclude>
 
==Purpose==
 
==Purpose==
Line 31: Line 31:
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div id="map3" style="position:relative;">[[File:Itempanel.png|link=]]
 
<div id="map3" style="position:relative;">[[File:Itempanel.png|link=]]
{{Item|x=47|y=39|Marriage Ring and Documents}}{{clear}}
+
{{ItemMap|x=47|y=39|Marriage Ring and Documents}}{{clear}}
{{Item|x=103|y=39|Medal}}{{clear}}
+
{{ItemMap|x=103|y=39|Medal}}{{clear}}
{{Item|x=159|y=39|Improvement Material}}{{clear}}
+
{{ItemMap|x=159|y=39|Improvement Material}}{{clear}}
{{Item|x=215|y=39|Food Supply Ship Irako}}{{clear}}
+
{{ItemMap|x=215|y=39|Food Supply Ship Irako}}{{clear}}
{{Item|x=271|y=39|Present Box}}{{clear}}
+
{{ItemMap|x=271|y=39|Present Box}}{{clear}}
{{Item|x=327|y=39|Special Chocolate}}{{clear}}
+
{{ItemMap|x=327|y=39|Special Chocolate}}{{clear}}
{{Item|x=382|y=39|First Class Medal}}{{clear}}
+
{{ItemMap|x=382|y=39|First Class Medal}}{{clear}}
{{Item|x=439|y=39|New Technology Aircraft Blueprint}}{{clear}}
+
{{ItemMap|x=439|y=39|New Technology Aircraft Blueprint}}{{clear}}
{{Item|x=47|y=108|Furniture Box (Small)}}{{clear}}
+
{{ItemMap|x=47|y=108|Furniture Box (Small)}}{{clear}}
{{Item|x=103|y=108|Furniture Box (Medium)}}{{clear}}
+
{{ItemMap|x=103|y=108|Furniture Box (Medium)}}{{clear}}
{{Item|x=159|y=108|Furniture Box (Large)}}{{clear}}
+
{{ItemMap|x=159|y=108|Furniture Box (Large)}}{{clear}}
{{Item|x=215|y=108|Food Supply Ship Mamiya}}{{clear}}
+
{{ItemMap|x=215|y=108|Food Supply Ship Mamiya}}{{clear}}
{{Item|x=271|y=108|Remodel Blueprint}}{{clear}}
+
{{ItemMap|x=271|y=108|Remodel Blueprint}}{{clear}}
{{Item|x=327|y=108|Furniture Fairy}}{{clear}}
+
{{ItemMap|x=327|y=108|Furniture Fairy}}{{clear}}
{{Item|x=383|y=108|Headquarters Personnel}}{{clear}}
+
{{ItemMap|x=383|y=108|Headquarters Personnel}}{{clear}}
{{Item|x=439|y=108|Reinforcement Expansion}}{{clear}}
+
{{ItemMap|x=439|y=108|Reinforcement Expansion}}{{clear}}
{{Item|x=47|y=177|Instant Repair Material}}{{clear}}
+
{{ItemMap|x=47|y=177|Instant Repair Material}}{{clear}}
{{Item|x=103|y=177|Instant Construction Material}}{{clear}}
+
{{ItemMap|x=103|y=177|Instant Construction Material}}{{clear}}
{{Item|x=159|y=177|Development Material}}{{clear}}
+
{{ItemMap|x=159|y=177|Development Material}}{{clear}}
{{Item|x=215|y=177|Dock Opening Key}}{{clear}}
+
{{ItemMap|x=215|y=177|Dock Opening Key}}{{clear}}
{{Item|x=271|y=177|Emergency Repair Personnel}}{{clear}}
+
{{ItemMap|x=271|y=177|Emergency Repair Personnel}}{{clear}}
{{Item|x=327|y=177|Emergency Repair Goddess}}{{clear}}
+
{{ItemMap|x=327|y=177|Emergency Repair Goddess}}{{clear}}
{{Item|x=383|y=177|Hishimochi}}{{clear}}
+
{{ItemMap|x=383|y=177|Hishimochi}}{{clear}}
{{Item|x=439|y=177|Saury|link=Shop#Seasonal}}{{clear}}
+
{{ItemMap|x=439|y=177|Saury|link=#Seasonal}}{{clear}}
{{Item|x=47|y=246|Skilled Crew Member}}{{clear}}
+
{{ItemMap|x=47|y=246|Skilled Crew Member}}{{clear}}
{{Item|x=103|y=246|Prototype Flight Deck Catapult}}{{clear}}
+
{{ItemMap|x=103|y=246|Prototype Flight Deck Catapult}}{{clear}}
{{Item|x=159|y=246|Ne Type Engine}}{{clear}}
+
{{ItemMap|x=159|y=246|Ne Type Engine}}{{clear}}
{{Item|x=215|y=246|Canned Saury}}{{clear}}
+
{{ItemMap|x=215|y=246|Canned Saury}}{{clear}}
{{Item|x=271|y=246|Combat Ration}}{{clear}}
+
{{ItemMap|x=271|y=246|Combat Ration}}{{clear}}
{{Item|x=327|y=246|Underway Replenishment}}{{clear}}
+
{{ItemMap|x=327|y=246|Underway Replenishment}}{{clear}}
{{Item|x=383|y=246|Construction Corps}}{{clear}}
+
{{ItemMap|x=383|y=246|Construction Corps}}{{clear}}
{{Item|x=439|y=246|Submarine Supply Material}}{{clear}}
+
{{ItemMap|x=439|y=246|Submarine Supply Material}}{{clear}}
 
</div>
 
</div>
 
{{clear}}
 
{{clear}}
Line 69: Line 69:
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div id="map3" style="position:relative;">[[File:Itempanel.png|link=]]
 
<div id="map3" style="position:relative;">[[File:Itempanel.png|link=]]
{{Item|x=47|y=39|Marriage Ring and Documents}}{{clear}}
+
{{ItemMap|x=47|y=39|Marriage Ring and Documents}}{{clear}}
{{Item|x=103|y=39|Medal}}{{clear}}
+
{{ItemMap|x=103|y=39|Medal}}{{clear}}
{{Item|x=159|y=39|Improvement Material}}{{clear}}
+
{{ItemMap|x=159|y=39|Improvement Material}}{{clear}}
{{Item|x=215|y=39|Food Supply Ship Irako}}{{clear}}
+
{{ItemMap|x=215|y=39|Food Supply Ship Irako}}{{clear}}
{{Item|x=271|y=39|Present Box}}{{clear}}
+
{{ItemMap|x=271|y=39|Present Box}}{{clear}}
{{Item|x=327|y=39|Special Chocolate}}{{clear}}
+
{{ItemMap|x=327|y=39|Special Chocolate}}{{clear}}
{{Item|x=382|y=39|First Class Medal}}{{clear}}
+
{{ItemMap|x=382|y=39|First Class Medal}}{{clear}}
{{Item|x=439|y=39|New Technology Aircraft Blueprint}}{{clear}}
+
{{ItemMap|x=439|y=39|New Technology Aircraft Blueprint}}{{clear}}
{{Item|x=47|y=108|Furniture Box (Small)}}{{clear}}
+
{{ItemMap|x=47|y=108|Furniture Box (Small)}}{{clear}}
{{Item|x=103|y=108|Furniture Box (Medium)}}{{clear}}
+
{{ItemMap|x=103|y=108|Furniture Box (Medium)}}{{clear}}
{{Item|x=159|y=108|Furniture Box (Large)}}{{clear}}
+
{{ItemMap|x=159|y=108|Furniture Box (Large)}}{{clear}}
{{Item|x=215|y=108|Food Supply Ship Mamiya}}{{clear}}
+
{{ItemMap|x=215|y=108|Food Supply Ship Mamiya}}{{clear}}
{{Item|x=271|y=108|Remodel Blueprint}}{{clear}}
+
{{ItemMap|x=271|y=108|Remodel Blueprint}}{{clear}}
{{Item|x=327|y=108|Furniture Fairy}}{{clear}}
+
{{ItemMap|x=327|y=108|Furniture Fairy}}{{clear}}
{{Item|x=383|y=108|Headquarters Personnel}}{{clear}}
+
{{ItemMap|x=383|y=108|Headquarters Personnel}}{{clear}}
{{Item|x=439|y=108|Reinforcement Expansion}}{{clear}}
+
{{ItemMap|x=439|y=108|Reinforcement Expansion}}{{clear}}
{{Item|x=47|y=177|Instant Repair Material}}{{clear}}
+
{{ItemMap|x=47|y=177|Instant Repair Material}}{{clear}}
{{Item|x=103|y=177|Instant Construction Material}}{{clear}}
+
{{ItemMap|x=103|y=177|Instant Construction Material}}{{clear}}
{{Item|x=159|y=177|Development Material}}{{clear}}
+
{{ItemMap|x=159|y=177|Development Material}}{{clear}}
{{Item|x=215|y=177|Dock Opening Key}}{{clear}}
+
{{ItemMap|x=215|y=177|Dock Opening Key}}{{clear}}
{{Item|x=271|y=177|Emergency Repair Personnel}}{{clear}}
+
{{ItemMap|x=271|y=177|Emergency Repair Personnel}}{{clear}}
{{Item|x=327|y=177|Emergency Repair Goddess}}{{clear}}
+
{{ItemMap|x=327|y=177|Emergency Repair Goddess}}{{clear}}
{{Item|x=383|y=177|Hishimochi}}{{clear}}
+
{{ItemMap|x=383|y=177|Hishimochi}}{{clear}}
{{Item|x=439|y=177|Saury|link=Shop#Seasonal}}{{clear}}
+
{{ItemMap|x=439|y=177|Saury|link=#Seasonal}}{{clear}}
{{Item|x=47|y=246|Skilled Crew Member}}{{clear}}
+
{{ItemMap|x=47|y=246|Skilled Crew Member}}{{clear}}
{{Item|x=103|y=246|Prototype Flight Deck Catapult}}{{clear}}
+
{{ItemMap|x=103|y=246|Prototype Flight Deck Catapult}}{{clear}}
{{Item|x=159|y=246|Ne Type Engine}}{{clear}}
+
{{ItemMap|x=159|y=246|Ne Type Engine}}{{clear}}
{{Item|x=215|y=246|Canned Saury}}{{clear}}
+
{{ItemMap|x=215|y=246|Canned Saury}}{{clear}}
{{Item|x=271|y=246|Combat Ration}}{{clear}}
+
{{ItemMap|x=271|y=246|Combat Ration}}{{clear}}
{{Item|x=327|y=246|Underway Replenishment}}{{clear}}
+
{{ItemMap|x=327|y=246|Underway Replenishment}}{{clear}}
{{Item|x=383|y=246|Construction Corps}}{{clear}}
+
{{ItemMap|x=383|y=246|Construction Corps}}{{clear}}
{{Item|x=439|y=246|Submarine Supply Material}}{{clear}}
+
{{ItemMap|x=439|y=246|Submarine Supply Material}}{{clear}}
 
</div>
 
</div>
 
{{clear}}
 
{{clear}}
Line 108: Line 108:
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div id="map5" style="position:relative;">[[File:ExtendedItempanel.png|link=]]
 
<div id="map5" style="position:relative;">[[File:ExtendedItempanel.png|link=]]
<!--{{Item|x=39|y=39|placeholder10}}{{clear}}-->
+
<!--{{ItemMap|x=39|y=39|placeholder10}}{{clear}}-->
<!--{{Item|x=95|y=39|placeholder11}}{{clear}}-->
+
<!--{{ItemMap|x=95|y=39|placeholder11}}{{clear}}-->
{{Item|x=151|y=39|Action Report}}{{clear}}
+
{{ItemMap|x=151|y=39|Action Report}}{{clear}}
{{Item|x=39|y=108|New Model Gun Mount Improvement Material}}{{clear}}
+
{{ItemMap|x=39|y=108|New Model Gun Mount Improvement Material}}{{clear}}
{{Item|x=95|y=108|New Model Aerial Armament Material}}{{clear}}
+
{{ItemMap|x=95|y=108|New Model Aerial Armament Material}}{{clear}}
{{Item|x=151|y=108|New Model Rocket Development Material}}{{clear}}
+
{{ItemMap|x=151|y=108|New Model Rocket Development Material}}{{clear}}
{{Item|x=39|y=177|Combat Ration (Special Onigiri)}}{{clear}}
+
{{ItemMap|x=39|y=177|Combat Ration (Special Onigiri)}}{{clear}}
{{Item|x=95|y=177|Emergency Repair Material}}{{clear}}
+
{{ItemMap|x=95|y=177|Emergency Repair Material}}{{clear}}
{{Item|x=151|y=177|New Model Armament Material}}{{clear}}
+
{{ItemMap|x=151|y=177|New Model Armament Material}}{{clear}}
{{Item|x=39|y=246|Xmas Select Gift Box}}{{clear}}
+
{{ItemMap|x=39|y=246|Xmas Select Gift Box}}{{clear}}
<!--{{Item|x=95|y=246|placeholder15}}{{clear}}-->
+
<!--{{ItemMap|x=95|y=246|placeholder15}}{{clear}}-->
<!--{{Item|x=151|y=246|placeholder16}}{{clear}}-->
+
<!--{{ItemMap|x=151|y=246|placeholder16}}{{clear}}-->
 
</div>
 
</div>
 
{{clear}}
 
{{clear}}
Line 126: Line 126:
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div id="map5" style="position:relative;">[[File:ExtendedItempanel.png|link=]]
 
<div id="map5" style="position:relative;">[[File:ExtendedItempanel.png|link=]]
<!--{{Item|x=39|y=39|placeholder10}}{{clear}}-->
+
<!--{{ItemMap|x=39|y=39|placeholder10}}{{clear}}-->
<!--{{Item|x=95|y=39|placeholder11}}{{clear}}-->
+
<!--{{ItemMap|x=95|y=39|placeholder11}}{{clear}}-->
{{Item|x=151|y=39|Action Report}}{{clear}}
+
{{ItemMap|x=151|y=39|Action Report}}{{clear}}
{{Item|x=39|y=108|New Model Gun Mount Improvement Material}}{{clear}}
+
{{ItemMap|x=39|y=108|New Model Gun Mount Improvement Material}}{{clear}}
{{Item|x=95|y=108|New Model Aerial Armament Material}}{{clear}}
+
{{ItemMap|x=95|y=108|New Model Aerial Armament Material}}{{clear}}
{{Item|x=151|y=108|New Model Rocket Development Material}}{{clear}}
+
{{ItemMap|x=151|y=108|New Model Rocket Development Material}}{{clear}}
{{Item|x=39|y=177|Combat Ration (Special Onigiri)}}{{clear}}
+
{{ItemMap|x=39|y=177|Combat Ration (Special Onigiri)}}{{clear}}
{{Item|x=95|y=177|Emergency Repair Material}}{{clear}}
+
{{ItemMap|x=95|y=177|Emergency Repair Material}}{{clear}}
{{Item|x=151|y=177|New Model Armament Material}}{{clear}}
+
{{ItemMap|x=151|y=177|New Model Armament Material}}{{clear}}
{{Item|x=39|y=246|Xmas Select Gift Box}}{{clear}}
+
{{ItemMap|x=39|y=246|Xmas Select Gift Box}}{{clear}}
<!--{{Item|x=95|y=246|placeholder15}}{{clear}}-->
+
<!--{{ItemMap|x=95|y=246|placeholder15}}{{clear}}-->
<!--{{Item|x=151|y=246|placeholder16}}{{clear}}-->
+
<!--{{ItemMap|x=151|y=246|placeholder16}}{{clear}}-->
 
</div>
 
</div>
 
{{clear}}
 
{{clear}}
Line 145: Line 145:
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div id="map4" style="position:relative;">[[File:購入済みアイテム_249.png|link=]]
 
<div id="map4" style="position:relative;">[[File:購入済みアイテム_249.png|link=]]
{{Item|x=50|y=68|type=P|Fuel}}{{clear}}
+
{{ItemMap|x=50|y=68|type=P|Fuel}}{{clear}}
{{Item|x=106|y=68|type=P|Ammo}}{{clear}}
+
{{ItemMap|x=106|y=68|type=P|Ammo}}{{clear}}
{{Item|x=162|y=68|type=P|Steel}}{{clear}}
+
{{ItemMap|x=162|y=68|type=P|Steel}}{{clear}}
{{Item|x=252|y=68|type=P|Bauxite}}{{clear}}
+
{{ItemMap|x=252|y=68|type=P|Bauxite}}{{clear}}
{{Item|x=308|y=68|type=P|Emergency Repair Personnel}}{{clear}}
+
{{ItemMap|x=308|y=68|type=P|Emergency Repair Personnel}}{{clear}}
{{Item|x=365|y=68|type=P|Emergency Repair Goddess}}{{clear}}
+
{{ItemMap|x=365|y=68|type=P|Emergency Repair Goddess}}{{clear}}
{{Item|x=422|y=68|type=P|Combat Ration}}{{clear}}
+
{{ItemMap|x=422|y=68|type=P|Combat Ration}}{{clear}}
{{Item|x=50|y=144|type=P|Development Material}}{{clear}}
+
{{ItemMap|x=50|y=144|type=P|Development Material}}{{clear}}
{{Item|x=106|y=144|type=P|Instant Construction Material}}{{clear}}
+
{{ItemMap|x=106|y=144|type=P|Instant Construction Material}}{{clear}}
{{Item|x=162|y=144|type=P|Instant Repair Material}}{{clear}}
+
{{ItemMap|x=162|y=144|type=P|Instant Repair Material}}{{clear}}
{{Item|x=252|y=144|type=P|Discounted Arsenal Set}}{{clear}}
+
{{ItemMap|x=252|y=144|type=P|Discounted Arsenal Set}}{{clear}}
{{Item|x=308|y=144|type=P|Discounted Sortie Set}}{{clear}}
+
{{ItemMap|x=308|y=144|type=P|Discounted Sortie Set}}{{clear}}
{{Item|x=365|y=144|type=P|Dock Expansion Set}}{{clear}}
+
{{ItemMap|x=365|y=144|type=P|Dock Expansion Set}}{{clear}}
{{Item|x=422|y=144|type=P|Underway Replenishment}}{{clear}}
+
{{ItemMap|x=422|y=144|type=P|Underway Replenishment}}{{clear}}
{{Item|x=50|y=218|type=P|88 Resource Set}}{{clear}}
+
{{ItemMap|x=50|y=218|type=P|88 Resource Set}}{{clear}}
{{Item|x=106|y=219|type=P|Furniture Fairy}}{{clear}}
+
{{ItemMap|x=106|y=219|type=P|Furniture Fairy}}{{clear}}
{{Item|x=162|y=219|type=P|Tanker Expropriation}}{{clear}}
+
{{ItemMap|x=162|y=219|type=P|Tanker Expropriation}}{{clear}}
{{Item|x=252|y=219|type=P|Homeport Expansion}}{{clear}}
+
{{ItemMap|x=252|y=219|type=P|Homeport Expansion}}{{clear}}
{{Item|x=308|y=219|type=P|Food Supply Ship Mamiya}}{{clear}}
+
{{ItemMap|x=308|y=219|type=P|Food Supply Ship Mamiya}}{{clear}}
{{Item|x=365|y=219|type=P|Aluminium Mass Production}}{{clear}}
+
{{ItemMap|x=365|y=219|type=P|Aluminium Mass Production}}{{clear}}
{{Item|x=422|y=219|type=P|Reinforcement Expansion}}{{clear}}
+
{{ItemMap|x=422|y=219|type=P|Reinforcement Expansion}}{{clear}}
{{Item|x=50|y=292|type=P|Marriage Ring and Documents}}{{clear}}
+
{{ItemMap|x=50|y=292|type=P|Marriage Ring and Documents}}{{clear}}
{{Item|x=106|y=294|type=P|White Day Cookies}}{{clear}}
+
{{ItemMap|x=106|y=294|type=P|White Day Cookies}}{{clear}}
{{Item|x=162|y=294|type=P|Food Supply Ship Irako}}{{clear}}
+
{{ItemMap|x=162|y=294|type=P|Food Supply Ship Irako}}{{clear}}
{{Item|x=252|y=294|type=P|Improvement Material}}{{clear}}
+
{{ItemMap|x=252|y=294|type=P|Improvement Material}}{{clear}}
{{Item|x=308|y=294|type=P|Construction Corps}}{{clear}}
+
{{ItemMap|x=308|y=294|type=P|Construction Corps}}{{clear}}
{{Item|x=365|y=294|type=P|Emergency Repair Material}}{{clear}}
+
{{ItemMap|x=365|y=294|type=P|Emergency Repair Material}}{{clear}}
{{Item|x=422|y=294|type=P|Submarine Supply Material}}{{clear}}
+
{{ItemMap|x=422|y=294|type=P|Submarine Supply Material}}{{clear}}
 
</div>
 
</div>
 
{{clear}}
 
{{clear}}
Line 179: Line 179:
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
 
<div id="map4" style="position:relative;">[[File:購入済みアイテム_249.png|link=]]
 
<div id="map4" style="position:relative;">[[File:購入済みアイテム_249.png|link=]]
{{Item|x=50|y=68|type=P|Fuel}}{{clear}}
+
{{ItemMap|x=50|y=68|type=P|Fuel}}{{clear}}
{{Item|x=106|y=68|type=P|Ammo}}{{clear}}
+
{{ItemMap|x=106|y=68|type=P|Ammo}}{{clear}}
{{Item|x=162|y=68|type=P|Steel}}{{clear}}
+
{{ItemMap|x=162|y=68|type=P|Steel}}{{clear}}
{{Item|x=252|y=68|type=P|Bauxite}}{{clear}}
+
{{ItemMap|x=252|y=68|type=P|Bauxite}}{{clear}}
{{Item|x=308|y=68|type=P|Emergency Repair Personnel}}{{clear}}
+
{{ItemMap|x=308|y=68|type=P|Emergency Repair Personnel}}{{clear}}
{{Item|x=365|y=68|type=P|Emergency Repair Goddess}}{{clear}}
+
{{ItemMap|x=365|y=68|type=P|Emergency Repair Goddess}}{{clear}}
{{Item|x=422|y=68|type=P|Combat Ration}}{{clear}}
+
{{ItemMap|x=422|y=68|type=P|Combat Ration}}{{clear}}
{{Item|x=50|y=144|type=P|Development Material}}{{clear}}
+
{{ItemMap|x=50|y=144|type=P|Development Material}}{{clear}}
{{Item|x=106|y=144|type=P|Instant Construction Material}}{{clear}}
+
{{ItemMap|x=106|y=144|type=P|Instant Construction Material}}{{clear}}
{{Item|x=162|y=144|type=P|Instant Repair Material}}{{clear}}
+
{{ItemMap|x=162|y=144|type=P|Instant Repair Material}}{{clear}}
{{Item|x=252|y=144|type=P|Discounted Arsenal Set}}{{clear}}
+
{{ItemMap|x=252|y=144|type=P|Discounted Arsenal Set}}{{clear}}
{{Item|x=308|y=144|type=P|Discounted Sortie Set}}{{clear}}
+
{{ItemMap|x=308|y=144|type=P|Discounted Sortie Set}}{{clear}}
{{Item|x=365|y=144|type=P|Dock Expansion Set}}{{clear}}
+
{{ItemMap|x=365|y=144|type=P|Dock Expansion Set}}{{clear}}
{{Item|x=422|y=144|type=P|Underway Replenishment}}{{clear}}
+
{{ItemMap|x=422|y=144|type=P|Underway Replenishment}}{{clear}}
{{Item|x=50|y=218|type=P|88 Resource Set}}{{clear}}
+
{{ItemMap|x=50|y=218|type=P|88 Resource Set}}{{clear}}
{{Item|x=106|y=219|type=P|Furniture Fairy}}{{clear}}
+
{{ItemMap|x=106|y=219|type=P|Furniture Fairy}}{{clear}}
{{Item|x=162|y=219|type=P|Tanker Expropriation}}{{clear}}
+
{{ItemMap|x=162|y=219|type=P|Tanker Expropriation}}{{clear}}
{{Item|x=252|y=219|type=P|Homeport Expansion}}{{clear}}
+
{{ItemMap|x=252|y=219|type=P|Homeport Expansion}}{{clear}}
{{Item|x=308|y=219|type=P|Food Supply Ship Mamiya}}{{clear}}
+
{{ItemMap|x=308|y=219|type=P|Food Supply Ship Mamiya}}{{clear}}
{{Item|x=365|y=219|type=P|Aluminium Mass Production}}{{clear}}
+
{{ItemMap|x=365|y=219|type=P|Aluminium Mass Production}}{{clear}}
{{Item|x=422|y=219|type=P|Reinforcement Expansion}}{{clear}}
+
{{ItemMap|x=422|y=219|type=P|Reinforcement Expansion}}{{clear}}
{{Item|x=50|y=292|type=P|Marriage Ring and Documents}}{{clear}}
+
{{ItemMap|x=50|y=292|type=P|Marriage Ring and Documents}}{{clear}}
{{Item|x=106|y=294|type=P|White Day Cookies}}{{clear}}
+
{{ItemMap|x=106|y=294|type=P|White Day Cookies}}{{clear}}
{{Item|x=162|y=294|type=P|Food Supply Ship Irako}}{{clear}}
+
{{ItemMap|x=162|y=294|type=P|Food Supply Ship Irako}}{{clear}}
{{Item|x=252|y=294|type=P|Improvement Material}}{{clear}}
+
{{ItemMap|x=252|y=294|type=P|Improvement Material}}{{clear}}
{{Item|x=308|y=294|type=P|Construction Corps}}{{clear}}
+
{{ItemMap|x=308|y=294|type=P|Construction Corps}}{{clear}}
{{Item|x=365|y=294|type=P|Emergency Repair Material}}{{clear}}
+
{{ItemMap|x=365|y=294|type=P|Emergency Repair Material}}{{clear}}
{{Item|x=422|y=294|type=P|Submarine Supply Material}}{{clear}}
+
{{ItemMap|x=422|y=294|type=P|Submarine Supply Material}}{{clear}}
 
</div>
 
</div>
 
{{clear}}
 
{{clear}}

Latest revision as of 02:09, 2 January 2022

Purpose

Item template to be used in a position:relative divider frame.
Intended for interactive maps and especially on Shop page.
This template is loosely based off Template:Node.

Positioning arguments

x, y
  • Top-left most pixel is the origin
  • Measured in pixel, input without px unit
  • Images are scaled down to 700px width-wise to fit the screen. If you're using the full size image to make those coordinate, you're off by miles.

Node type argument

type
  • Purchased items use: type=P

Embedded link & tooltip arguments

tooltip
  • Add a mouse-over tooltip with cursor:help CSS style.
link
  • Override tooltip and embed internal wiki link.

Sample/result

<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
<div id="map3" style="position:relative;">[[File:Itempanel.png|link=]]
{{ItemMap|x=47|y=39|Marriage Ring and Documents}}{{clear}}
{{ItemMap|x=103|y=39|Medal}}{{clear}}
{{ItemMap|x=159|y=39|Improvement Material}}{{clear}}
{{ItemMap|x=215|y=39|Food Supply Ship Irako}}{{clear}}
{{ItemMap|x=271|y=39|Present Box}}{{clear}}
{{ItemMap|x=327|y=39|Special Chocolate}}{{clear}}
{{ItemMap|x=382|y=39|First Class Medal}}{{clear}}
{{ItemMap|x=439|y=39|New Technology Aircraft Blueprint}}{{clear}}
{{ItemMap|x=47|y=108|Furniture Box (Small)}}{{clear}}
{{ItemMap|x=103|y=108|Furniture Box (Medium)}}{{clear}}
{{ItemMap|x=159|y=108|Furniture Box (Large)}}{{clear}}
{{ItemMap|x=215|y=108|Food Supply Ship Mamiya}}{{clear}}
{{ItemMap|x=271|y=108|Remodel Blueprint}}{{clear}}
{{ItemMap|x=327|y=108|Furniture Fairy}}{{clear}}
{{ItemMap|x=383|y=108|Headquarters Personnel}}{{clear}}
{{ItemMap|x=439|y=108|Reinforcement Expansion}}{{clear}}
{{ItemMap|x=47|y=177|Instant Repair Material}}{{clear}}
{{ItemMap|x=103|y=177|Instant Construction Material}}{{clear}}
{{ItemMap|x=159|y=177|Development Material}}{{clear}}
{{ItemMap|x=215|y=177|Dock Opening Key}}{{clear}}
{{ItemMap|x=271|y=177|Emergency Repair Personnel}}{{clear}}
{{ItemMap|x=327|y=177|Emergency Repair Goddess}}{{clear}}
{{ItemMap|x=383|y=177|Hishimochi}}{{clear}}
{{ItemMap|x=439|y=177|Saury|link=#Seasonal}}{{clear}}
{{ItemMap|x=47|y=246|Skilled Crew Member}}{{clear}}
{{ItemMap|x=103|y=246|Prototype Flight Deck Catapult}}{{clear}}
{{ItemMap|x=159|y=246|Ne Type Engine}}{{clear}}
{{ItemMap|x=215|y=246|Canned Saury}}{{clear}}
{{ItemMap|x=271|y=246|Combat Ration}}{{clear}}
{{ItemMap|x=327|y=246|Underway Replenishment}}{{clear}}
{{ItemMap|x=383|y=246|Construction Corps}}{{clear}}
{{ItemMap|x=439|y=246|Submarine Supply Material}}{{clear}}
</div>
{{clear}}
Interactive map. Click on the icons to see more detail.
Itempanel.png

Item Icon Marriage Ring and Documents.png

Item Icon Medal.png

Item Icon Improvement Material.png

Item Icon Food Supply Ship Irako.png

Item Icon Present Box.png

Item Icon Special Chocolate.png

Item Icon First Class Medal.png

Item Icon New Technology Aircraft Blueprint.png

Item Icon Furniture Box (Small).png

Item Icon Furniture Box (Medium).png

Item Icon Furniture Box (Large).png

Item Icon Food Supply Ship Mamiya.png

Item Icon Remodel Blueprint.png

Item Icon Furniture Fairy.png

Item Icon Headquarters Personnel.png

Item Icon Reinforcement Expansion.png

Item Icon Instant Repair Material.png

Item Icon Instant Construction Material.png

Item Icon Development Material.png

Item Icon Dock Opening Key.png

Item Icon Emergency Repair Personnel.png

Item Icon Emergency Repair Goddess.png

Item Icon Hishimochi.png

Item Icon Saury.png

Item Icon Skilled Crew Member.png

Item Icon Prototype Flight Deck Catapult.png

Item Icon Ne Type Engine.png

Item Icon Canned Saury.png

Item Icon Combat Ration.png

Item Icon Underway Replenishment.png

Item Icon Construction Corps.png

Item Icon Submarine Supply Material.png

<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
<div id="map5" style="position:relative;">[[File:ExtendedItempanel.png|link=]]
<!--{{ItemMap|x=39|y=39|placeholder10}}{{clear}}-->
<!--{{ItemMap|x=95|y=39|placeholder11}}{{clear}}-->
{{ItemMap|x=151|y=39|Action Report}}{{clear}}
{{ItemMap|x=39|y=108|New Model Gun Mount Improvement Material}}{{clear}}
{{ItemMap|x=95|y=108|New Model Aerial Armament Material}}{{clear}}
{{ItemMap|x=151|y=108|New Model Rocket Development Material}}{{clear}}
{{ItemMap|x=39|y=177|Combat Ration (Special Onigiri)}}{{clear}}
{{ItemMap|x=95|y=177|Emergency Repair Material}}{{clear}}
{{ItemMap|x=151|y=177|New Model Armament Material}}{{clear}}
{{ItemMap|x=39|y=246|Xmas Select Gift Box}}{{clear}}
<!--{{ItemMap|x=95|y=246|placeholder15}}{{clear}}-->
<!--{{ItemMap|x=151|y=246|placeholder16}}{{clear}}-->
</div>
{{clear}}
Interactive map. Click on the icons to see more detail.
ExtendedItempanel.png

Item Icon Action Report.png

Item Icon New Model Gun Mount Improvement Material.png

Item Icon New Model Aerial Armament Material.png

Item Icon New Model Rocket Development Material.png

Item Icon Combat Ration (Special Onigiri).png

Item Icon Emergency Repair Material.png

Item Icon New Model Armament Material.png

Item Icon Xmas Select Gift Box.png

<div style="text-align:center;color:red">Interactive map. Click on the icons to see more detail.</div>
<div id="map4" style="position:relative;">[[File:購入済みアイテム_249.png|link=]]
{{ItemMap|x=50|y=68|type=P|Fuel}}{{clear}}
{{ItemMap|x=106|y=68|type=P|Ammo}}{{clear}}
{{ItemMap|x=162|y=68|type=P|Steel}}{{clear}}
{{ItemMap|x=252|y=68|type=P|Bauxite}}{{clear}}
{{ItemMap|x=308|y=68|type=P|Emergency Repair Personnel}}{{clear}}
{{ItemMap|x=365|y=68|type=P|Emergency Repair Goddess}}{{clear}}
{{ItemMap|x=422|y=68|type=P|Combat Ration}}{{clear}}
{{ItemMap|x=50|y=144|type=P|Development Material}}{{clear}}
{{ItemMap|x=106|y=144|type=P|Instant Construction Material}}{{clear}}
{{ItemMap|x=162|y=144|type=P|Instant Repair Material}}{{clear}}
{{ItemMap|x=252|y=144|type=P|Discounted Arsenal Set}}{{clear}}
{{ItemMap|x=308|y=144|type=P|Discounted Sortie Set}}{{clear}}
{{ItemMap|x=365|y=144|type=P|Dock Expansion Set}}{{clear}}
{{ItemMap|x=422|y=144|type=P|Underway Replenishment}}{{clear}}
{{ItemMap|x=50|y=218|type=P|88 Resource Set}}{{clear}}
{{ItemMap|x=106|y=219|type=P|Furniture Fairy}}{{clear}}
{{ItemMap|x=162|y=219|type=P|Tanker Expropriation}}{{clear}}
{{ItemMap|x=252|y=219|type=P|Homeport Expansion}}{{clear}}
{{ItemMap|x=308|y=219|type=P|Food Supply Ship Mamiya}}{{clear}}
{{ItemMap|x=365|y=219|type=P|Aluminium Mass Production}}{{clear}}
{{ItemMap|x=422|y=219|type=P|Reinforcement Expansion}}{{clear}}
{{ItemMap|x=50|y=292|type=P|Marriage Ring and Documents}}{{clear}}
{{ItemMap|x=106|y=294|type=P|White Day Cookies}}{{clear}}
{{ItemMap|x=162|y=294|type=P|Food Supply Ship Irako}}{{clear}}
{{ItemMap|x=252|y=294|type=P|Improvement Material}}{{clear}}
{{ItemMap|x=308|y=294|type=P|Construction Corps}}{{clear}}
{{ItemMap|x=365|y=294|type=P|Emergency Repair Material}}{{clear}}
{{ItemMap|x=422|y=294|type=P|Submarine Supply Material}}{{clear}}
</div>
{{clear}}
Interactive map. Click on the icons to see more detail.
購入済みアイテム 249.png

Shop Icon Fuel.png

Shop Icon Ammo.png

Shop Icon Steel.png

Shop Icon Bauxite.png

Shop Icon Emergency Repair Personnel.png

Shop Icon Emergency Repair Goddess.png

Shop Icon Combat Ration.png

Shop Icon Development Material.png

Shop Icon Instant Construction Material.png

Shop Icon Instant Repair Material.png

Shop Icon Discounted Arsenal Set.png

Shop Icon Discounted Sortie Set.png

Shop Icon Dock Expansion Set.png

Shop Icon Underway Replenishment.png

Shop Icon 88 Resource Set.png

Shop Icon Furniture Fairy.png

Shop Icon Tanker Expropriation.png

Shop Icon Homeport Expansion.png

Shop Icon Food Supply Ship Mamiya.png

Shop Icon Aluminium Mass Production.png

Shop Icon Reinforcement Expansion.png

Shop Icon Marriage Ring and Documents.png

Shop Icon White Day Cookies.png

Shop Icon Food Supply Ship Irako.png

Shop Icon Improvement Material.png

Shop Icon Construction Corps.png

Shop Icon Emergency Repair Material.png

Shop Icon Submarine Supply Material.png