https://wiki.gla.com.br/index.php?action=history&feed=atom&title=Widget%3A3D2Ymap
Widget:3D2Ymap - Histórico de revisão
2026-05-11T10:30:48Z
Histórico de revisões para esta página neste wiki
MediaWiki 1.36.1
https://wiki.gla.com.br/index.php?title=Widget:3D2Ymap&diff=36266&oldid=prev
em 01h24min de 19 de junho de 2025
2025-06-19T01:24:59Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 01h24min de 19 de junho de 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l103">Linha 103:</td>
<td colspan="2" class="diff-lineno">Linha 103:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const button = document.createElement("img");</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const button = document.createElement("img");</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.className = "puzzle-button";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.className = "puzzle-button";</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> button.src = "https://i.postimg.cc/<del style="font-weight: bold; text-decoration: none;">q7w4pyQm</del>/<del style="font-weight: bold; text-decoration: none;">pecadequebracabeca</del>.png";</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> button.src = "https://i.postimg.cc/<ins style="font-weight: bold; text-decoration: none;">PJ3MH38t</ins>/<ins style="font-weight: bold; text-decoration: none;">puzzle</ins>.png";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.alt = "Puzzle";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.alt = "Puzzle";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.style.left = puzzleButton.x + "px";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.style.left = puzzleButton.x + "px";</div></td></tr>
</table>
https://wiki.gla.com.br/index.php?title=Widget:3D2Ymap&diff=36264&oldid=prev
em 01h14min de 19 de junho de 2025
2025-06-19T01:14:32Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 01h14min de 19 de junho de 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l103">Linha 103:</td>
<td colspan="2" class="diff-lineno">Linha 103:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const button = document.createElement("img");</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const button = document.createElement("img");</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.className = "puzzle-button";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.className = "puzzle-button";</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> button.src = "/<del style="font-weight: bold; text-decoration: none;">images</del>/<del style="font-weight: bold; text-decoration: none;">d</del>/<del style="font-weight: bold; text-decoration: none;">de</del>/<del style="font-weight: bold; text-decoration: none;">Engrenagem</del>.png";</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> button.src = "<ins style="font-weight: bold; text-decoration: none;">https:</ins>//<ins style="font-weight: bold; text-decoration: none;">i.postimg.cc</ins>/<ins style="font-weight: bold; text-decoration: none;">q7w4pyQm</ins>/<ins style="font-weight: bold; text-decoration: none;">pecadequebracabeca</ins>.png";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.alt = "Puzzle";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.alt = "Puzzle";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.style.left = puzzleButton.x + "px";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.style.left = puzzleButton.x + "px";</div></td></tr>
</table>
https://wiki.gla.com.br/index.php?title=Widget:3D2Ymap&diff=36262&oldid=prev
em 01h12min de 19 de junho de 2025
2025-06-19T01:12:56Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 01h12min de 19 de junho de 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l44">Linha 44:</td>
<td colspan="2" class="diff-lineno">Linha 44:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> skulls.forEach((skull, index) => {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> skulls.forEach((skull, index) => {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "/<del style="font-weight: bold; text-decoration: none;">images</del>/<del style="font-weight: bold; text-decoration: none;">d</del>/<del style="font-weight: bold; text-decoration: none;">dc</del>/<del style="font-weight: bold; text-decoration: none;">Whiteskull</del>.png";</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "<ins style="font-weight: bold; text-decoration: none;">https:</ins>//<ins style="font-weight: bold; text-decoration: none;">i.postimg.cc</ins>/<ins style="font-weight: bold; text-decoration: none;">bvyfVd81</ins>/<ins style="font-weight: bold; text-decoration: none;">iconmapboss</ins>.png";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "skull-icon";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "skull-icon";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = skull.x + "px";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = skull.x + "px";</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l74">Linha 74:</td>
<td colspan="2" class="diff-lineno">Linha 74:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const desc = heart.desc || "Pegue o coração para se curar";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const desc = heart.desc || "Pegue o coração para se curar";</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "/<del style="font-weight: bold; text-decoration: none;">images</del>/<del style="font-weight: bold; text-decoration: none;">d</del>/<del style="font-weight: bold; text-decoration: none;">d9</del>/<del style="font-weight: bold; text-decoration: none;">Heart</del>.png";</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "<ins style="font-weight: bold; text-decoration: none;">https:</ins>//<ins style="font-weight: bold; text-decoration: none;">i.postimg.cc</ins>/<ins style="font-weight: bold; text-decoration: none;">gkhpnfNL</ins>/<ins style="font-weight: bold; text-decoration: none;">iconheal</ins>.png";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "heart-icon";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "heart-icon";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = heart.x + "px";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = heart.x + "px";</div></td></tr>
</table>
https://wiki.gla.com.br/index.php?title=Widget:3D2Ymap&diff=34810&oldid=prev
Droflax em 00h02min de 9 de junho de 2025
2025-06-09T00:02:38Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 00h02min de 9 de junho de 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l44">Linha 44:</td>
<td colspan="2" class="diff-lineno">Linha 44:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> skulls.forEach((skull, index) => {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> skulls.forEach((skull, index) => {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "images/d/dc/Whiteskull.png";</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "<ins style="font-weight: bold; text-decoration: none;">/</ins>images/d/dc/Whiteskull.png";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "skull-icon";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "skull-icon";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = skull.x + "px";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = skull.x + "px";</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l74">Linha 74:</td>
<td colspan="2" class="diff-lineno">Linha 74:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const icon = document.createElement("img");</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const desc = heart.desc || "Pegue o coração para se curar";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const desc = heart.desc || "Pegue o coração para se curar";</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "images/d/d9/Heart.png";</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> icon.src = "<ins style="font-weight: bold; text-decoration: none;">/</ins>images/d/d9/Heart.png";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "heart-icon";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.className = "heart-icon";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = heart.x + "px";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> icon.style.left = heart.x + "px";</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l103">Linha 103:</td>
<td colspan="2" class="diff-lineno">Linha 103:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const button = document.createElement("img");</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const button = document.createElement("img");</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.className = "puzzle-button";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.className = "puzzle-button";</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> button.src = "images/d/de/Engrenagem.png";</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> button.src = "<ins style="font-weight: bold; text-decoration: none;">/</ins>images/d/de/Engrenagem.png";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.alt = "Puzzle";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.alt = "Puzzle";</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.style.left = puzzleButton.x + "px";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> button.style.left = puzzleButton.x + "px";</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l141">Linha 141:</td>
<td colspan="2" class="diff-lineno">Linha 141:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> width: 811px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> width: 811px;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 554px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 554px;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> background: url('images/5/55/SabaodyMap.png') no-repeat center center;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> background: url('<ins style="font-weight: bold; text-decoration: none;">/</ins>images/5/55/SabaodyMap.png') no-repeat center center;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background-size: cover;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background-size: cover;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr>
</table>
Droflax
https://wiki.gla.com.br/index.php?title=Widget:3D2Ymap&diff=34808&oldid=prev
Droflax: Criou página com ' <div class="map-container" id="map"> <!-- Caveiras e elementos serão inseridos via JS --> </div> <script> const skulls = [ { x: 410, y: 220,...'
2025-06-09T00:01:51Z
<p>Criou página com ' <div class="map-container" id="map"> <!-- Caveiras e elementos serão inseridos via JS --> </div> <script> const skulls = [ { x: 410, y: 220,...'</p>
<p><b>Página nova</b></p><div> <div class="map-container" id="map"><br />
<!-- Caveiras e elementos serão inseridos via JS --><br />
</div><br />
<br />
<script><br />
const skulls = [<br />
{<br />
x: 410, y: 220,<br />
title: "White Skull",<br />
desc: "Boss: White Skull<br>Área sombria, cuidado com os ataques surpresa!"<br />
},<br />
{<br />
x: 650, y: 125,<br />
title: "Red Fang",<br />
desc: "Boss: Red Fang<br>Possui resistência a fogo. Traga ataques de gelo!"<br />
},<br />
{<br />
x: 250, y: 410,<br />
title: "Void Wraith",<br />
desc: "Boss: Void Wraith<br>Evite ataques diretos. Usa magia de sombras."<br />
},<br />
{<br />
x: 248, y: 320,<br />
title: "Night Howler",<br />
desc: "Boss: Night Howler<br>Ataca com velocidade e confusão. Use proteção contra atordoamento!"<br />
}<br />
];<br />
<br />
const hearts = [<br />
{ x: 280, y: 210, desc: "Cura escondida: Quebre a caixa para obter uma cura." },<br />
{ x: 312, y: 196 },<br />
{ x: 245, y: 358, desc: "Após o chefe, o jogador com menos vida receberá uma cura automática." }<br />
];<br />
<br />
const puzzleButton = {<br />
x: 244,<br />
y: 217,<br />
videoUrl: "https://www.youtube.com/embed/10rhyP32vdw"<br />
};<br />
<br />
const map = document.getElementById("map");<br />
<br />
// Adiciona as caveiras<br />
skulls.forEach((skull, index) => {<br />
const icon = document.createElement("img");<br />
icon.src = "images/d/dc/Whiteskull.png";<br />
icon.className = "skull-icon";<br />
icon.style.left = skull.x + "px";<br />
icon.style.top = skull.y + "px";<br />
icon.dataset.index = index;<br />
<br />
const popup = document.createElement("div");<br />
popup.className = "popup";<br />
popup.innerHTML = `<strong>${skull.title}</strong><br>${skull.desc}`;<br />
popup.style.left = (skull.x + 30) + "px";<br />
popup.style.top = (skull.y - 10) + "px";<br />
<br />
icon.addEventListener("click", () => {<br />
popup.style.display = popup.style.display === "block" ? "none" : "block";<br />
});<br />
<br />
document.addEventListener("click", (e) => {<br />
if (!icon.contains(e.target) && !popup.contains(e.target)) {<br />
popup.style.display = "none";<br />
}<br />
});<br />
<br />
map.appendChild(icon);<br />
map.appendChild(popup);<br />
});<br />
<br />
// Adiciona os corações<br />
hearts.forEach((heart, index) => {<br />
const icon = document.createElement("img");<br />
const desc = heart.desc || "Pegue o coração para se curar";<br />
icon.src = "images/d/d9/Heart.png";<br />
icon.className = "heart-icon";<br />
icon.style.left = heart.x + "px";<br />
icon.style.top = heart.y + "px";<br />
icon.dataset.index = index;<br />
<br />
const popup = document.createElement("div");<br />
popup.className = "popup";<br />
popup.innerHTML = `<strong>Cura</strong><br>${desc}`;<br />
popup.style.left = (heart.x + 30) + "px";<br />
popup.style.top = (heart.y - 10) + "px";<br />
<br />
icon.addEventListener("click", () => {<br />
popup.style.display = popup.style.display === "block" ? "none" : "block";<br />
});<br />
<br />
document.addEventListener("click", (e) => {<br />
if (!icon.contains(e.target) && !popup.contains(e.target)) {<br />
popup.style.display = "none";<br />
}<br />
});<br />
<br />
map.appendChild(icon);<br />
map.appendChild(popup);<br />
});<br />
<br />
// Ícone do Puzzle<br />
const button = document.createElement("img");<br />
button.className = "puzzle-button";<br />
button.src = "images/d/de/Engrenagem.png";<br />
button.alt = "Puzzle";<br />
button.style.left = puzzleButton.x + "px";<br />
button.style.top = puzzleButton.y + "px";<br />
<br />
const popup = document.createElement("div");<br />
popup.className = "popup";<br />
popup.style.left = (puzzleButton.x + 60) + "px";<br />
popup.style.top = (puzzleButton.y - 10) + "px";<br />
popup.innerHTML = `<br />
<strong>Desafio Puzzle</strong><br><br />
<iframe width="400" height="260" <br />
src="${puzzleButton.videoUrl}" <br />
frameborder="0" <br />
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" <br />
allowfullscreen><br />
</iframe><br />
`;<br />
<br />
button.addEventListener("click", () => {<br />
popup.style.display = popup.style.display === "block" ? "none" : "block";<br />
});<br />
<br />
document.addEventListener("click", (e) => {<br />
if (!button.contains(e.target) && !popup.contains(e.target)) {<br />
popup.style.display = "none";<br />
}<br />
});<br />
<br />
map.appendChild(button);<br />
map.appendChild(popup);<br />
// CSS<br />
document.head.insertAdjacentHTML('beforeend', `<br />
<style><br />
.map-container {<br />
position: relative;<br />
width: 811px;<br />
height: 554px;<br />
background: url('images/5/55/SabaodyMap.png') no-repeat center center;<br />
background-size: cover;<br />
}<br />
<br />
.skull-icon {<br />
position: absolute;<br />
width: 24px;<br />
height: 24px;<br />
cursor: pointer;<br />
transition: transform 0.2s, filter 0.2s;<br />
}<br />
<br />
.heart-icon {<br />
position: absolute;<br />
width: 26px;<br />
height: 26px;<br />
padding: 1px;<br />
cursor: pointer;<br />
transition: transform 0.2s, filter 0.2s;<br />
}<br />
<br />
.skull-icon:hover,<br />
.heart-icon:hover,<br />
.puzzle-button:hover {<br />
transform: scale(1.3);<br />
filter: brightness(1.5);<br />
}<br />
<br />
.popup {<br />
position: absolute;<br />
background: #1e1e1e;<br />
color: #fff;<br />
padding: 10px 14px;<br />
border-radius: 8px;<br />
border: 1px solid #444;<br />
box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);<br />
display: none;<br />
z-index: 10;<br />
max-width: 500px;<br />
font-size: 14px;<br />
animation: fadeIn 0.3s ease-out;<br />
}<br />
<br />
.popup iframe {<br />
border-radius: 6px;<br />
margin-top: 6px;<br />
max-width: 100%;<br />
}<br />
<br />
.puzzle-button {<br />
position: absolute;<br />
cursor: pointer;<br />
z-index: 999;<br />
width: 28px;<br />
height: 28px;<br />
transition: transform 0.2s, filter 0.2s;<br />
}<br />
<br />
@keyframes fadeIn {<br />
from { opacity: 0; transform: translateY(-5px); }<br />
to { opacity: 1; transform: translateY(0); }<br />
}<br />
</style><br />
`);<br />
</script></div>
Droflax