Format:MapCoords: Diferență între versiuni

[versiune neverificată][versiune neverificată]
m
m
Linia 1: Linia 1:
−
<div class="image-container">
+
<div style="display: inline-block; position: relative;"> <!-- Centering and relative positioning -->
−
    <!-- First image with dynamic resizing -->
+
     <!-- Original wiki-style image format -->
−
     <div style="position: relative;">
+
    [[{{{image}}}|thumb]]
−
        [[{{{image1}}}|thumb|class="map-image"]]
 
−
        <!-- Points for image 1 -->
 
−
        {{#if: {{{x1|}}}{{{y1|}}} |
 
−
        <div class="animated-point" style="top: calc(7px + {{{y1}}}px * 300/{{{width}}}); left: calc(37px + {{{x1}}}px * 300/{{{width}}});"></div>
 
−
        }}
 
−
    </div>
 
  
−
     <!-- Second image with dynamic resizing -->
+
     <!-- Point 1 -->
−
     <div style="position: relative;">
+
     {{#if: {{{x1|}}}{{{y1|}}} |
−
        [[{{{image2}}}|thumb|class="map-image"]]
+
      {{#ifexpr: {{{width}}}>300
−
        <!-- Points for image 2 -->
+
         |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y1}}}px * 300/{{{width}}}); left: calc(37px + {{{x1}}}px * 300/{{{width}}});"></div>
−
        {{#if: {{{x2|}}}{{{y2|}}} |
+
         |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y1}}}px); left: calc(37px + {{{x1}}}px);"></div>
−
         <div class="animated-point" style="top: calc(7px + {{{y2}}}px * 300/{{{width}}}); left: calc(37px + {{{x2}}}px * 300/{{{width}}});"></div>
+
      }}
−
         }}
+
    }}
−
    </div>
 
  
−
     <!-- Additional images can be added here in a similar format -->
+
     <!-- Point 2 -->
 +
    {{#if: {{{x2|}}}{{{y2|}}} |
 +
      {{#ifexpr: {{{width}}} > 300
 +
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y2}}}px * 300/{{{width}}}); left: calc(37px + {{{x2}}}px * 300/{{{width}}});"></div>
 +
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y2}}}px); left: calc(37px + {{{x2}}}px);"></div>
 +
      }}
 +
    }}
 +
    <!-- Point 2 -->
 +
    {{#if: {{{x3|}}}{{{y3|}}} |
 +
      {{#ifexpr: {{{width}}} > 300
 +
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y3}}}px * 300/{{{width}}}); left: calc(37px + {{{x3}}}px * 300/{{{width}}});"></div>
 +
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y3}}}px); left: calc(37px + {{{x3}}}px);"></div>
 +
      }}
 +
    }}
 
</div>
 
</div>

Versiunea de la data 28 septembrie 2024 09:53

   [[{{{image}}}|thumb]]



Adus de la „https://ro-wiki.metin2.gameforge.com/index.php?title=Format:MapCoords&oldid=62564”