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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div class="abas-container">
<div class="button-container">
    <button class="content-button" onclick="toggleContent('content1')">
        <img src="URL_DA_IMAGEM_DO_BOTAO1" alt="Botão 1">
    </button>
    <button class="content-button" onclick="toggleContent('content2')">
        <img src="URL_DA_IMAGEM_DO_BOTAO2" alt="Botão 2">
    </button>
    <button class="content-button" onclick="toggleContent('content3')">
        <img src="URL_DA_IMAGEM_DO_BOTAO3" alt="Botão 3">
    </button>
</div>


  <!-- Botão 1 -->
<div id="content1" class="content-table" style="display:none;">
  <div class="botao-expansivel">
    {| class="wikitable"
    [[File:{{{imgBtn1}}}|class=imagem-botao|link=|alt=Botão 1|onclick=javascript:toggleTabela('aba-1')]]
    ! Cabeçalho 1 !! Cabeçalho 2 !! Cabeçalho 3
    <div id="aba-1" class="aba tabela-escondida">
    |-
      {| class="wikitable"
    | Dado 1 || Dado 2 || Dado 3
      |+ {{{tituloTabela1}}}
     |}
      ! Colocação !! Recompensas
</div>
      {{{conteudoTabela1}}}
      |}
     </div>
  </div>


  <!-- Botão 2 -->
<div id="content2" class="content-table" style="display:none;">
  <div class="botao-expansivel">
    {| class="wikitable"
    [[File:{{{imgBtn2}}}|class=imagem-botao|link=|alt=Botão 2|onclick=javascript:toggleTabela('aba-2')]]
    ! Cabeçalho A !! Cabeçalho B !! Cabeçalho C
    <div id="aba-2" class="aba tabela-escondida">
    |-
      {| class="wikitable"
     | Informação A || Informação B || Informação C
      |+ {{{tituloTabela2}}}
     |}
      ! Colocação !! Recompensas
</div>
      {{{conteudoTabela2}}}
      |}
    </div>
  </div>
 
  <!-- Botão 3 -->
  <div class="botao-expansivel">
     [[File:{{{imgBtn3}}}|class=imagem-botao|link=|alt=Botão 3|onclick=javascript:toggleTabela('aba-3')]]
     <div id="aba-3" class="aba tabela-escondida">
      {| class="wikitable"
      |+ {{{tituloTabela3}}}
      ! Colocação !! Recompensas
      {{{conteudoTabela3}}}
      |}
    </div>
  </div>


<div id="content3" class="content-table" style="display:none;">
    {| class="wikitable"
    ! Título X !! Título Y !! Título Z
    |-
    | Valor X || Valor Y || Valor Z
    |}
</div>
</div>

Edição das 14h19min de 9 de novembro de 2024

   <button class="content-button" onclick="toggleContent('content1')">
       <img src="URL_DA_IMAGEM_DO_BOTAO1" alt="Botão 1">
   </button>
   <button class="content-button" onclick="toggleContent('content2')">
       <img src="URL_DA_IMAGEM_DO_BOTAO2" alt="Botão 2">
   </button>
   <button class="content-button" onclick="toggleContent('content3')">
       <img src="URL_DA_IMAGEM_DO_BOTAO3" alt="Botão 3">
   </button>