Template:Location Tooltip: Difference between revisions
From HorizonXI Wiki
mNo edit summary |
(added more styling options for custom markers and made code more readable) |
||
| Line 8: | Line 8: | ||
| width = 512 | | width = 512 | ||
| opacity = {{default|{{{opacity|}}}|1}} | | opacity = {{default|{{{opacity|}}}|1}} | ||
| tooltip = {{default|{{{tooltip|}}}|[[File:{{trim|{{#section:{{{area}}}/Maps|{{default|{{{map|}}}|Map 1}}}}}}|512px]]}}{{#if:{{{pos|}}}|{{Map Overlay | | tooltip = {{default|{{{tooltip|}}}|[[File:{{trim|{{#section:{{{area}}}/Maps|{{default|{{{map|}}}|Map 1}}}}}}|512px]]}}<!-- | ||
pos | |||
-->{{#if:{{{pos|}}}|{{Map Overlay | |||
| layer = 0 | | layer = 0 | ||
| pos = {{{pos|}}} | | pos = {{{pos|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} | | offset x = {{default|{{{highlight offset x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} | | offset y = {{default|{{{highlight offset y|}}}|17}} | ||
| style = width: | | style = <!-- | ||
-->width:{{default|{{{highlight width|}}}|32}}px; <!-- | |||
-->height:{{default|{{{highlight height|}}}|32}}px; <!-- | |||
-->background:{{default|{{{highlight background|}}}|#5555FF}}; <!-- | |||
-->opacity:{{default|{{{highlight opacity|}}}|0.5}}; | |||
}}{{#if:{{{marker pos x|}}}{{{marker pos y|}}}|{{Map Overlay | }}{{#if:{{{marker pos x|}}}{{{marker pos y|}}}|{{Map Overlay | ||
| layer = 1 | | layer = 1 | ||
| Line 19: | Line 27: | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} + {{default|{{{marker pos x|}}}|17}} | | offset x = {{default|{{{highlight offset x|}}}|17}} + {{default|{{{marker pos x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} + {{default|{{{marker pos y|}}}|17}} | | offset y = {{default|{{{highlight offset y|}}}|17}} + {{default|{{{marker pos y|}}}|17}} | ||
| style = width:{{default|{{{marker size|}}}|5}}px; height:{{default|{{{marker size|}}}|5}}px; background:{{default|{{{marker background|}}}|#FF0000}}; opacity:{{default|{{{marker opacity|}}}|1}}; border-radius:{{default|{{{marker size|}}}|5}}px; | | style = <!-- | ||
-->width:{{default|{{{marker size|}}}|5}}px; <!-- | |||
-->height:{{default|{{{marker size|}}}|5}}px; <!-- | |||
-->background:{{default|{{{marker background|}}}|#FF0000}}; <!-- | |||
-->opacity:{{default|{{{marker opacity|}}}|1}}; <!-- | |||
-->border-radius:{{default|{{{border radius|{{{marker size|}}}}}}|5}}px; | |||
}}}}<!-- | }}}}<!-- | ||
| Line 27: | Line 40: | ||
| layer = 0 | | layer = 0 | ||
| pos = {{{pos 2|}}} | | pos = {{{pos 2|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} | | offset x = {{default|{{{highlight offset 2 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} | | offset y = {{default|{{{highlight offset 2 y|}}}|17}} | ||
| style = width: | | style = <!-- | ||
-->width:{{default|{{{highlight width 2|}}}|32}}px; <!-- | |||
-->height:{{default|{{{highlight height 2|}}}|32}}px; <!-- | |||
-->background:{{default|{{{highlight background 2|}}}|#5555FF}}; <!-- | |||
-->opacity:{{default|{{{highlight opacity 2|}}}|0.5}}; | |||
}}{{#if:{{{marker pos 2 x|}}}{{{marker pos 2 y|}}}|{{Map Overlay | }}{{#if:{{{marker pos 2 x|}}}{{{marker pos 2 y|}}}|{{Map Overlay | ||
| layer = 1 | | layer = 1 | ||
| pos = {{{pos 2|}}} | | pos = {{{pos 2|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} + {{default|{{{marker pos 2 x|}}}|17}} | | offset x = {{default|{{{highlight offset 2 x|}}}|17}} + {{default|{{{marker pos 2 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} + {{default|{{{marker pos 2 y|}}}|17}} | | offset y = {{default|{{{highlight offset 2 y|}}}|17}} + {{default|{{{marker pos 2 y|}}}|17}} | ||
| style = width:{{default|{{{marker size|}}}|5}}px; height:{{default|{{{marker size|}}}|5}}px; background:{{default|{{{marker background|}}}|#FF0000}}; opacity:{{default|{{{marker opacity|}}}|1}}; border-radius:{{default|{{{marker size|}}}|5}}px; | | style = <!-- | ||
-->width:{{default|{{{marker size 2|}}}|5}}px; <!-- | |||
-->height:{{default|{{{marker size 2|}}}|5}}px; <!-- | |||
-->background:{{default|{{{marker background 2|}}}|#FF0000}}; <!-- | |||
-->opacity:{{default|{{{marker opacity 2|}}}|1}}; <!-- | |||
-->border-radius:{{default|{{{border radius 2|{{{marker size 2|}}}}}}|5}}px; | |||
}}}}<!-- | }}}}<!-- | ||
| Line 43: | Line 65: | ||
| layer = 0 | | layer = 0 | ||
| pos = {{{pos 3|}}} | | pos = {{{pos 3|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} | | offset x = {{default|{{{highlight offset 3 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} | | offset y = {{default|{{{highlight offset 3 y|}}}|17}} | ||
| style = width: | | style = <!-- | ||
-->width:{{default|{{{highlight width 3|}}}|32}}px; <!-- | |||
-->height:{{default|{{{highlight height 3|}}}|32}}px; <!-- | |||
-->background:{{default|{{{highlight background 3|}}}|#5555FF}}; <!-- | |||
-->opacity:{{default|{{{highlight opacity 3|}}}|0.5}}; | |||
}}{{#if:{{{marker pos 3 x|}}}{{{marker pos 3 y|}}}|{{Map Overlay | }}{{#if:{{{marker pos 3 x|}}}{{{marker pos 3 y|}}}|{{Map Overlay | ||
| layer = 1 | | layer = 1 | ||
| pos = {{{pos 3|}}} | | pos = {{{pos 3|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} + {{default|{{{marker pos 3 x|}}}|17}} | | offset x = {{default|{{{highlight offset 3 x|}}}|17}} + {{default|{{{marker pos 3 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} + {{default|{{{marker pos 3 y|}}}|17}} | | offset y = {{default|{{{highlight offset 3 y|}}}|17}} + {{default|{{{marker pos 3 y|}}}|17}} | ||
| style = width:{{default|{{{marker size|}}}|5}}px; height:{{default|{{{marker size|}}}|5}}px; background:{{default|{{{marker background|}}}|#FF0000}}; opacity:{{default|{{{marker opacity|}}}|1}}; border-radius:{{default|{{{marker size|}}}|5}}px; | | style = <!-- | ||
-->width:{{default|{{{marker size 3|}}}|5}}px; <!-- | |||
-->height:{{default|{{{marker size 3|}}}|5}}px; <!-- | |||
-->background:{{default|{{{marker background 3|}}}|#FF0000}}; <!-- | |||
-->opacity:{{default|{{{marker opacity 3|}}}|1}}; <!-- | |||
-->border-radius:{{default|{{{border radius 3|{{{marker size 3|}}}}}}|5}}px; | |||
}}}}<!-- | }}}}<!-- | ||
| Line 59: | Line 90: | ||
| layer = 0 | | layer = 0 | ||
| pos = {{{pos 4|}}} | | pos = {{{pos 4|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} | | offset x = {{default|{{{highlight offset 4 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} | | offset y = {{default|{{{highlight offset 4 y|}}}|17}} | ||
| style = width: | | style = <!-- | ||
-->width:{{default|{{{highlight width 4|}}}|32}}px; <!-- | |||
-->height:{{default|{{{highlight height 4|}}}|32}}px; <!-- | |||
-->background:{{default|{{{highlight background 4|}}}|#5555FF}}; <!-- | |||
-->opacity:{{default|{{{highlight opacity 4|}}}|0.5}}; | |||
}}{{#if:{{{marker pos 4 x|}}}{{{marker pos 4 y|}}}|{{Map Overlay | }}{{#if:{{{marker pos 4 x|}}}{{{marker pos 4 y|}}}|{{Map Overlay | ||
| layer = 1 | | layer = 1 | ||
| pos = {{{pos 4|}}} | | pos = {{{pos 4|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} + {{default|{{{marker pos 4 x|}}}|17}} | | offset x = {{default|{{{highlight offset 4 x|}}}|17}} + {{default|{{{marker pos 4 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} + {{default|{{{marker pos 4 y|}}}|17}} | | offset y = {{default|{{{highlight offset 4 y|}}}|17}} + {{default|{{{marker pos 4 y|}}}|17}} | ||
| style = width:{{default|{{{marker size|}}}|5}}px; height:{{default|{{{marker size|}}}|5}}px; background:{{default|{{{marker background|}}}|#FF0000}}; opacity:{{default|{{{marker opacity|}}}|1}}; border-radius:{{default|{{{marker size|}}}|5}}px; | | style = <!-- | ||
-->width:{{default|{{{marker size 4|}}}|5}}px; <!-- | |||
-->height:{{default|{{{marker size 4|}}}|5}}px; <!-- | |||
-->background:{{default|{{{marker background 4|}}}|#FF0000}}; <!-- | |||
-->opacity:{{default|{{{marker opacity 4|}}}|1}}; <!-- | |||
-->border-radius:{{default|{{{border radius 4|{{{marker size 4|}}}}}}|5}}px; | |||
}}}}<!-- | }}}}<!-- | ||
| Line 75: | Line 115: | ||
| layer = 0 | | layer = 0 | ||
| pos = {{{pos 5|}}} | | pos = {{{pos 5|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} | | offset x = {{default|{{{highlight offset 5 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} | | offset y = {{default|{{{highlight offset 5 y|}}}|17}} | ||
| style = width: | | style = <!-- | ||
-->width:{{default|{{{highlight width 5|}}}|32}}px; <!-- | |||
-->height:{{default|{{{highlight height 5|}}}|32}}px; <!-- | |||
-->background:{{default|{{{highlight background 5|}}}|#5555FF}}; <!-- | |||
-->opacity:{{default|{{{highlight opacity 5|}}}|0.5}}; | |||
}}{{#if:{{{marker pos 5 x|}}}{{{marker pos 5 y|}}}|{{Map Overlay | }}{{#if:{{{marker pos 5 x|}}}{{{marker pos 5 y|}}}|{{Map Overlay | ||
| layer = 1 | | layer = 1 | ||
| pos = {{{pos 5|}}} | | pos = {{{pos 5|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} + {{default|{{{marker pos 5 x|}}}|17}} | | offset x = {{default|{{{highlight offset 5 x|}}}|17}} + {{default|{{{marker pos 5 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} + {{default|{{{marker pos 5 y|}}}|17}} | | offset y = {{default|{{{highlight offset 5 y|}}}|17}} + {{default|{{{marker pos 5 y|}}}|17}} | ||
| style = width:{{default|{{{marker size|}}}|5}}px; height:{{default|{{{marker size|}}}|5}}px; background:{{default|{{{marker background|}}}|#FF0000}}; opacity:{{default|{{{marker opacity|}}}|1}}; border-radius:{{default|{{{marker size|}}}|5}}px; | | style = <!-- | ||
-->width:{{default|{{{marker size 5|}}}|5}}px; <!-- | |||
-->height:{{default|{{{marker size 5|}}}|5}}px; <!-- | |||
-->background:{{default|{{{marker background 5|}}}|#FF0000}}; <!-- | |||
-->opacity:{{default|{{{marker opacity 5|}}}|1}}; <!-- | |||
-->border-radius:{{default|{{{border radius 5|{{{marker size 5|}}}}}}|5}}px; | |||
}}}}<!-- | }}}}<!-- | ||
| Line 91: | Line 140: | ||
| layer = 0 | | layer = 0 | ||
| pos = {{{pos 6|}}} | | pos = {{{pos 6|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} | | offset x = {{default|{{{highlight offset 6 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} | | offset y = {{default|{{{highlight offset 6 y|}}}|17}} | ||
| style = width: | | style = <!-- | ||
-->width:{{default|{{{highlight width 6|}}}|32}}px; <!-- | |||
-->height:{{default|{{{highlight height 6|}}}|32}}px; <!-- | |||
-->background:{{default|{{{highlight background 6|}}}|#5555FF}}; <!-- | |||
-->opacity:{{default|{{{highlight opacity 6|}}}|0.5}}; | |||
}}{{#if:{{{marker pos 6 x|}}}{{{marker pos 6 y|}}}|{{Map Overlay | }}{{#if:{{{marker pos 6 x|}}}{{{marker pos 6 y|}}}|{{Map Overlay | ||
| layer = 1 | | layer = 1 | ||
| pos = {{{pos 6|}}} | | pos = {{{pos 6|}}} | ||
| offset x = {{default|{{{highlight offset x|}}}|17}} + {{default|{{{marker pos 6 x|}}}|17}} | | offset x = {{default|{{{highlight offset 6 x|}}}|17}} + {{default|{{{marker pos 6 x|}}}|17}} | ||
| offset y = {{default|{{{highlight offset y|}}}|17}} + {{default|{{{marker pos 6 y|}}}|17}} | | offset y = {{default|{{{highlight offset 6 y|}}}|17}} + {{default|{{{marker pos 6 y|}}}|17}} | ||
| style = width:{{default|{{{marker size|}}}|5}}px; height:{{default|{{{marker size|}}}|5}}px; background:{{default|{{{marker background|}}}|#FF0000}}; opacity:{{default|{{{marker opacity|}}}|1}}; border-radius:{{default|{{{marker size|}}}|5}}px; | | style = <!-- | ||
-->width:{{default|{{{marker size 6|}}}|5}}px; <!-- | |||
-->height:{{default|{{{marker size 6|}}}|5}}px; <!-- | |||
-->background:{{default|{{{marker background 6|}}}|#FF0000}}; <!-- | |||
-->opacity:{{default|{{{marker opacity 6|}}}|1}}; <!-- | |||
-->border-radius:{{default|{{{border radius 6|{{{marker size 6|}}}}}}|5}}px; | |||
}}}}<!-- | }}}}<!-- | ||
close all if pos | close all if pos | ||
-->}}}}}}}}}}}} | -->}}}}}}}}}}}} | ||
Revision as of 12:08, 27 June 2025
Usage
{{Location Tooltip
| area =
| pos =
| pos 2 =
| pos 3 =
| pos 4 =
| pos 5 =
| pos 6 =
| map =
| id =
| text =
| link =
| tooltip =
| opacity =
| highlight offset x =
| highlight offset y =
| highlight background =
| highlight opacity =
| marker pos x =
| marker pos y =
| marker pos 2 x =
| marker pos 2 y =
| marker pos 3 x =
| marker pos 3 y =
| marker pos 4 x =
| marker pos 4 y =
| marker pos 5 x =
| marker pos 5 y =
| marker pos 6 x =
| marker pos 6 y =
| marker background =
| marker opacity =
| marker size =
}}
Displays a tooltip map of the area.
- area: The map's area. Required.
- pos: The position within the map, such as H-6 or B-5.
- Optional: pos 2, pos 3, pos 4, pos 5, pos 6
- map: The specific map to be used, such as "Map 2".
- id: A unique id to give to the tooltip. Use if the same location is repeated on the same page.
- text: The text to display. Defaults to the pos if it is provided or the area and map if the pos is not provided.
- link: Option to change the clickable link of the text.
- tooltip: The tooltip to display. Defaults to the labeled section in of the area maps subpage.
- opacity: The opacity of the tooltip.
- highlight offset x: An offset to correct the x positioning of the highlight box.
- highlight offset y: An offset to correct the y positioning of the highlight box.
- highlight background: The background styling of the highlight box.
- highlight opacity : The opacity of the highlight box.
- marker pos x: The x position of the marker within the highlight box.
- Optional: marker pos 2 x, marker pos 3 x, marker pos 4 x, marker pos 5 x, marker pos 6 x
- marker pos y: The y position of the marker within the highlight box.
- Optional: marker pos 2 y, marker pos 3 y, marker pos 4 y, marker pos 5 y, marker pos 6 y
- marker background: The background styling of the marker.
- marker opacity: The opacity of the marker.
- marker size: The size of the marker.
Examples
| Code | Result |
|---|---|
{{Location Tooltip
| area = Windurst Walls
}}
|
|
{{Location Tooltip
| area = Windurst Waters
| map = South
}}
|
|
{{Location Tooltip
| area = Northern San d'Oria
| pos = L-10
}}
|
|
{{Location Tooltip
| tooltip = [[File:RuAunGardensMain.png]]
| area = Ru'Aun Gardens
| pos = H-10
}}
|
|
{{Location Tooltip
| tooltip = [[File:GarlaigeCitadel2.png]]
| area = Garlaige Citadel
| map = Map 2
| pos = G-6
}}
|
|
{{Location Tooltip
| tooltip = [[File:SouthernSandOria.png]]
| area = Southern San d'Oria
| pos = J-9
| marker pos x = 3
| marker pos y = 7
}}
|
|
{{Location Tooltip
| id = Derfland Regional Merchant
| tooltip = [[File:SouthernSandOria.png]]
| area = Southern San d'Oria
| pos = J-9
| highlight background = transparent
| marker pos x = 3
| marker pos y = 7
}}
|
|
{{Location Tooltip
| text = Valkurm Emperor
| tooltip = [[File:Valkurm Dunes.png]]
| area = Valkurm Dunes
| pos = E-8
| highlight background = transparent
| marker pos x = 2
| marker pos y = -7
| marker size = 35
| marker opacity = 0.4
| marker background = #5555ff
}}
|
|
{{Location Tooltip
| area = Northern San d'Oria
| pos = L-10
| pos 2 = L-11
| pos 3 = M-10
| pos 4 = M-11
}}
|
