Mudanças entre as edições de "Predefinição:Wikimenu"

De Wiki Gla
Ir para navegação Ir para pesquisar
(Página substituída por '{{#ifexist: Premiação | <div style="width:100%; display:flex; flex-direction:column; align-items:center;"> <!-- Botão 1 --> <div class="botao-expansivel">...')
Etiqueta: Substituído
 
(42 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
{{#ifexist: Premiação
<div class="boss-categoria">
| <div style="width:100%; display:flex; flex-direction:column; align-items:center;">
<table class="tabela-abas" style="width:100%; border-collapse:collapse; margin:0 auto;">
 
<tr>
  <!-- Botão 1 -->
<td class="mostrar-aba" style="width:33%;" data-aba="BossFogo">
  <div class="botao-expansivel">
<table style="width:100%; border-collapse:collapse;">
    <img src="URL_DA_IMAGEM_BOTAO_1" class="imagem-botao" onclick="toggleTabela('tabela1')" alt="Botão 1">
<tr><td class="sec-aba-cem" style="text-align:center;">
    <div id="tabela1" class="tabela-escondida">
[[Arquivo:Card-kuma.png|50px|link=]]
      {| class="wikitable"
</td></tr>
      |+ Premiação - Exemplo Botão 1
<tr><td class="sec-aba-cem" style="height:30px; text-align:center;">
      ! Colocação !! Recompensas
Boss Fogo
      |-
</td></tr>
      | 1º Lugar || 5[[Arquivo:Medalha_de_campeao.png|link=]] + 1[[Arquivo:Diamond medal.gif|30x30px|Diamond medal.png|link=]] + 10[[Arquivo:Pirate_coin.png|link=]] + 5[[File:item charakeyfrag.png]] + 15k Berry
</table>
      |-
</td>
      | 2º Lugar || 4[[Arquivo:Medalha_de_campeao.png|link=]] + 10[[Arquivo:Pirate_coin.png|link=]] + 4[[File:item charakeyfrag.png]] + 10k Berry
<td class="mostrar-aba" style="width:33%;" data-aba="BossGelo">
      <!-- Mais linhas de tabela, conforme necessário -->
<table style="width:100%; border-collapse:collapse;">
      |}
<tr><td class="sec-aba-cem" style="text-align:center;">
    </div>
[[Arquivo:Card-kuma.png|50px|link=]]
  </div>
</td></tr>
 
<tr><td class="sec-aba-cem" style="height:30px; text-align:center;">
  <!-- Botão 2 -->
Boss Gelo
  <div class="botao-expansivel">
</td></tr>
    <img src="URL_DA_IMAGEM_BOTAO_2" class="imagem-botao" onclick="toggleTabela('tabela2')" alt="Botão 2">
</table>
    <div id="tabela2" class="tabela-escondida">
</td>
      {| class="wikitable"
<td class="mostrar-aba" style="width:33%;" data-aba="BossTerra">
      |+ Premiação - Exemplo Botão 2
<table style="width:100%; border-collapse:collapse;">
      ! Colocação !! Recompensas
<tr><td class="sec-aba-cem" style="text-align:center;">
      |-
[[Arquivo:Card-kuma.png|50px|link=]]
      | 1º Lugar || 5[[Arquivo:Medalha_de_campeao.png|link=]] + 1[[Arquivo:Diamond medal.gif|30x30px|Diamond medal.png|link=]] + 10[[Arquivo:Pirate_coin.png|link=]] + 5[[File:item charakeyfrag.png]] + 15k Berry
</td></tr>
      |-
<tr><td class="sec-aba-cem" style="height:30px; text-align:center;">
      | 2º Lugar || 4[[Arquivo:Medalha_de_campeao.png|link=]] + 10[[Arquivo:Pirate_coin.png|link=]] + 4[[File:item charakeyfrag.png]] + 10k Berry
Boss Terra
      <!-- Mais linhas de tabela, conforme necessário -->
</td></tr>
      |}
</table>
    </div>
</td>
  </div>
</tr>
 
</table>
  <!-- Adicione mais botões conforme necessário -->
 
</div>
</div>
}}
<!-- JavaScript para mostrar/ocultar tabelas -->
<script>
  function toggleTabela(id) {
    var tabela = document.getElementById(id);
    tabela.style.display = tabela.style.display === "none" ? "block" : "none";
  }
</script>

Edição atual tal como às 17h05min de 10 de novembro de 2024

Card-kuma.png

Boss Fogo

Card-kuma.png

Boss Gelo

Card-kuma.png

Boss Terra