Template:ItemMap

Revision as of 14:58, 26 May 2021 by Chocolatecravinghobo (talk | contribs) (Testing proposes)

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=Shop#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