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

Changes

Jump to navigation Jump to search

Template:ItemMap (view source)

Revision as of 05:15, 25 May 2021

10,000 bytes added ,  3 years ago
Merge with Documentation page. Documentation 'Sample/result' section updated.
Line 7: Line 7:  
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|Shop#{{#if:{{{type|}}}|{{{type}}}_}}{{{1}}}}}}]]
−
</span></includeonly>
+
</span></includeonly><noinclude>
−
<noinclude>
+
==Purpose==
−
{{Documentation}}
+
: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==
 +
:<code><nowiki>x</nowiki></code>, <code><nowiki>y</nowiki></code>
 +
:*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==
 +
:<code><nowiki>type</nowiki></code>
 +
:*Purchased items use: <code><nowiki>type=P</nowiki></code>
 +
 
 +
==Embedded link & tooltip arguments==
 +
:<code><nowiki>tooltip</nowiki></code>
 +
:*Add a mouse-over tooltip with <code><nowiki>cursor:help</nowiki></code> CSS style.
 +
:<code><nowiki>link</nowiki></code>
 +
:*Override <code><nowiki>tooltip</nowiki></code> and embed internal wiki link.
 +
==Sample/result==
 +
<tabber>保有アイテム=
 +
<pre>
 +
<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}}
 +
</pre>
 +
 
 +
<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}}
 +
 
 +
|-|拡張アイテム=
 +
<pre>
 +
<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}}
 +
</pre>
 +
 
 +
<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}}
 +
 
 +
|-|購入済みアイテム=
 +
<pre>
 +
<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}}
 +
</pre>
 +
 
 +
<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}}
 +
</tabber>
 +
 
 
</noinclude>
 
</noinclude>
Chocolatecravinghobo
advmod, cssedit, Interface administrators, janitor, Moderators, prechecked, Widget editors
7,368

edits

Retrieved from "https://en.kancollewiki.net/Special:MobileDiff/109594"

Navigation menu