Template:ItemMap

Revision as of 05:16, 25 May 2021 by Chocolatecravinghobo (talk | contribs) (Chocolatecravinghobo moved page Template:Item to Template:ItemMap)

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

<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=]]
<!--{{Item|x=39|y=39|placeholder10}}{{clear}}-->
<!--{{Item|x=95|y=39|placeholder11}}{{clear}}-->
{{Item|x=151|y=39|Action Report}}{{clear}}
{{Item|x=39|y=108|New Model Gun Mount Improvement Material}}{{clear}}
{{Item|x=95|y=108|New Model Aerial Armament Material}}{{clear}}
{{Item|x=151|y=108|New Model Rocket Development Material}}{{clear}}
{{Item|x=39|y=177|Combat Ration (Special Onigiri)}}{{clear}}
{{Item|x=95|y=177|Emergency Repair Material}}{{clear}}
{{Item|x=151|y=177|New Model Armament Material}}{{clear}}
{{Item|x=39|y=246|Xmas Select Gift Box}}{{clear}}
<!--{{Item|x=95|y=246|placeholder15}}{{clear}}-->
<!--{{Item|x=151|y=246|placeholder16}}{{clear}}-->
</div>
{{clear}}
Interactive map. Click on the icons to see more detail.

<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=]]
{{Item|x=50|y=68|type=P|Fuel}}{{clear}}
{{Item|x=106|y=68|type=P|Ammo}}{{clear}}
{{Item|x=162|y=68|type=P|Steel}}{{clear}}
{{Item|x=252|y=68|type=P|Bauxite}}{{clear}}
{{Item|x=308|y=68|type=P|Emergency Repair Personnel}}{{clear}}
{{Item|x=365|y=68|type=P|Emergency Repair Goddess}}{{clear}}
{{Item|x=422|y=68|type=P|Combat Ration}}{{clear}}
{{Item|x=50|y=144|type=P|Development Material}}{{clear}}
{{Item|x=106|y=144|type=P|Instant Construction Material}}{{clear}}
{{Item|x=162|y=144|type=P|Instant Repair Material}}{{clear}}
{{Item|x=252|y=144|type=P|Discounted Arsenal Set}}{{clear}}
{{Item|x=308|y=144|type=P|Discounted Sortie Set}}{{clear}}
{{Item|x=365|y=144|type=P|Dock Expansion Set}}{{clear}}
{{Item|x=422|y=144|type=P|Underway Replenishment}}{{clear}}
{{Item|x=50|y=218|type=P|88 Resource Set}}{{clear}}
{{Item|x=106|y=219|type=P|Furniture Fairy}}{{clear}}
{{Item|x=162|y=219|type=P|Tanker Expropriation}}{{clear}}
{{Item|x=252|y=219|type=P|Homeport Expansion}}{{clear}}
{{Item|x=308|y=219|type=P|Food Supply Ship Mamiya}}{{clear}}
{{Item|x=365|y=219|type=P|Aluminium Mass Production}}{{clear}}
{{Item|x=422|y=219|type=P|Reinforcement Expansion}}{{clear}}
{{Item|x=50|y=292|type=P|Marriage Ring and Documents}}{{clear}}
{{Item|x=106|y=294|type=P|White Day Cookies}}{{clear}}
{{Item|x=162|y=294|type=P|Food Supply Ship Irako}}{{clear}}
{{Item|x=252|y=294|type=P|Improvement Material}}{{clear}}
{{Item|x=308|y=294|type=P|Construction Corps}}{{clear}}
{{Item|x=365|y=294|type=P|Emergency Repair Material}}{{clear}}
{{Item|x=422|y=294|type=P|Submarine Supply Material}}{{clear}}
</div>
{{clear}}
Interactive map. Click on the icons to see more detail.