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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(11 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<div class="botao-container">
<noinclude>
<button class="showDiv botao" data-target="{{{alvo}}}">
<b>Tutorial: Predefinição</b>
{{#if:{{{imagem|}}}|[[File:{{{imagem}}}|20px]] }} {{{texto|Botão}}}
----
</button>
Fácil de usar! Basta seguir o template abaixo:
<pre>
{{botoes2
| imgbtn1 = NomeDaImagem1.png
| conteudo1 = Conteúdo do botão 1
| imgbtn2 = NomeDaImagem2.png
| conteudo2 = Conteúdo do botão 2
...
| imgbtn10 = NomeDaImagem10.png
| conteudo10 = Conteúdo do botão 10
}}
</pre>
 
<b>Usando Wikitable</b>
----
Para usar uma **wikitable** dentro de um botão, é necessário criar uma página separada. Em seguida, chame essa página no botão. Siga os passos abaixo:
 
1. Crie uma nova página na wiki (Ex.: '''RecompensasLigaL''').
 
2. Insira a tabela nessa página:
  <pre>
  {| class="wikitable"
  |-
  ! Colocação !! Recompensas
  |-
  | 1º Lugar || 100 Moedas
  | 2º Lugar || 50 Moedas
  |}
  </pre>
 
3. No parâmetro "conteudo", chame a página:
  <pre>
  {{botoes2
  | imgbtn1 = LIGA_L.png
  | conteudo1 = {{:RecompensasLigaL}}
  }}
  </pre>
 
<b>Exemplo Completo</b>
<pre>
{{botoes2
| imgbtn1 = LIGA_L.png
| conteudo1 = {{:TabelaDeRecompensas}}
| imgbtn2 = LIGA_A.png
| conteudo2 = [[File:Recompensa1.png|link=]] [[File:Recompensa2.png|link=]]
| imgbtn3 = LIGA_F.png
| conteudo3 = Informações adicionais sobre as ligas.
}}
</pre>
 
<b>IMPORTANTE</b>
----
Essa predefinição possui um limite de até '''10 botões'''. Caso precise de mais, entre em contato com um responsável para ajustes.
 
</noinclude>
<div class="container-coliseu">
<div class="preset-aba">
<table class="tabela-abas">
<tr>{{#if: {{{imgbtn1|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao1">[[Arquivo:{{{imgbtn1}}}|link=]]</td>}}{{#if: {{{imgbtn2|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao2">[[Arquivo:{{{imgbtn2}}}|link=]]</td>}}{{#if: {{{imgbtn3|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao3">[[Arquivo:{{{imgbtn3}}}|link=]]</td>}}{{#if: {{{imgbtn4|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao4">[[Arquivo:{{{imgbtn4}}}|link=]]</td>}}{{#if: {{{imgbtn5|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao5">[[Arquivo:{{{imgbtn5}}}|link=]]</td>}}{{#if: {{{imgbtn6|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao6">[[Arquivo:{{{imgbtn6}}}|link=]]</td>}}{{#if: {{{imgbtn7|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao7">[[Arquivo:{{{imgbtn7}}}|link=]]</td>}}{{#if: {{{imgbtn8|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao8">[[Arquivo:{{{imgbtn8}}}|link=]]</td>}}{{#if: {{{imgbtn9|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao9">[[Arquivo:{{{imgbtn9}}}|link=]]</td>}}{{#if: {{{imgbtn10|}}}|<td class="mostrar-aba imagem-botao" data-aba="Botao10">[[Arquivo:{{{imgbtn10}}}|link=]]</td>}}
</tr>
</table>
</div>
</div>
<div id="div{{{alvo}}}" class="targetDiv" style="display: none;">
</div>
{{{conteudo|}}}
<div class="container-conteudo">
{{#if: {{{conteudo1|}}}|<div id="aba-Botao1" class="aba">{{{conteudo1}}}</div>}}{{#if: {{{conteudo2|}}}|<div id="aba-Botao2" class="aba">{{{conteudo2}}}</div>}}{{#if: {{{conteudo3|}}}|<div id="aba-Botao3" class="aba">{{{conteudo3}}}</div>}}{{#if: {{{conteudo4|}}}|<div id="aba-Botao4" class="aba">{{{conteudo4}}}</div>}}{{#if: {{{conteudo5|}}}|<div id="aba-Botao5" class="aba">{{{conteudo5}}}</div>}}{{#if: {{{conteudo6|}}}|<div id="aba-Botao6" class="aba">{{{conteudo6}}}</div>}}{{#if: {{{conteudo7|}}}|<div id="aba-Botao7" class="aba">{{{conteudo7}}}</div>}}{{#if: {{{conteudo8|}}}|<div id="aba-Botao8" class="aba">{{{conteudo8}}}</div>}}{{#if: {{{conteudo9|}}}|<div id="aba-Botao9" class="aba">{{{conteudo9}}}</div>}}{{#if: {{{conteudo10|}}}|<div id="aba-Botao10" class="aba">{{{conteudo10}}}</div>}}
</div>
</div>

Edição atual tal como às 13h03min de 26 de novembro de 2024

Tutorial: Predefinição


Fácil de usar! Basta seguir o template abaixo:

{{botoes2
| imgbtn1 = NomeDaImagem1.png
| conteudo1 = Conteúdo do botão 1
| imgbtn2 = NomeDaImagem2.png
| conteudo2 = Conteúdo do botão 2
...
| imgbtn10 = NomeDaImagem10.png
| conteudo10 = Conteúdo do botão 10
}}

Usando Wikitable


Para usar uma **wikitable** dentro de um botão, é necessário criar uma página separada. Em seguida, chame essa página no botão. Siga os passos abaixo:

1. Crie uma nova página na wiki (Ex.: RecompensasLigaL).

2. Insira a tabela nessa página:

   {| class="wikitable"
   |-
   ! Colocação !! Recompensas
   |-
   | 1º Lugar || 100 Moedas
   | 2º Lugar || 50 Moedas
   |}
   

3. No parâmetro "conteudo", chame a página:

   {{botoes2
   | imgbtn1 = LIGA_L.png
   | conteudo1 = {{:RecompensasLigaL}}
   }}
   

Exemplo Completo

{{botoes2
| imgbtn1 = LIGA_L.png
| conteudo1 = {{:TabelaDeRecompensas}}
| imgbtn2 = LIGA_A.png
| conteudo2 = [[File:Recompensa1.png|link=]] [[File:Recompensa2.png|link=]]
| imgbtn3 = LIGA_F.png
| conteudo3 = Informações adicionais sobre as ligas.
}}

IMPORTANTE


Essa predefinição possui um limite de até 10 botões. Caso precise de mais, entre em contato com um responsável para ajustes.