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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(21 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<noinclude>{{Documentação}}</noinclude>
<noinclude>
=== Predefinição: Gb ===
Exibe os requisitos de uma dungeon/conteúdo separados em abas Normal e Hard.


<style>
Depende da [[Widget:Gb].
/* ==========================
  ESTILO DO WIDGET (TABS)
  ========================== */


.ot-tabs {
=== Uso básico ===
  width: 100%;
<pre>
  background: #0d0d0d;
{{Gb}
  border: 1px solid #2a2a2a;
</pre>
  padding: 10px;
  border-radius: 8px;
}


/* Barra de botões */
=== Uso completo ===
.ot-tab-buttons {
<pre>
  display: flex;
{{Gb
  gap: 8px;
| normal_nivel    = 140
  margin-bottom: 12px;
| normal_equip    = Set +8
}
| hard_personagem  = personagem 4 ou 5 estrelas (Diamante)
| hard_equip      = Set +16
| normal_extra    = <li><span class="rtab-dot dot-n"></span><span>Requisito extra Normal</span></li>
| hard_extra      = <li><span class="rtab-dot dot-h"></span><span>Requisito extra Hard</span></li>
}}
</pre>


/* Botões */
=== Parâmetros ===
.ot-tab-buttons button {
{| class="wikitable"
  background: #1a1a1a;
! Parâmetro !! Descrição !! Padrão
  color: #b5b5b5;
|-
  border: 1px solid #333;
| <code>normal_nivel</code> || Nível mínimo para o modo Normal || <code>140</code>
  padding: 8px 20px;
|-
  cursor: pointer;
| <code>normal_equip</code> || Equipamento recomendado no modo Normal || <code>Set +8</code>
  font-weight: 600;
|-
  border-radius: 6px;
| <code>hard_personagem</code> || Descrição do tipo de personagem necessário no Hard || <code>personagem 4 ou 5 estrelas (Diamante)</code>
  transition: 0.2s;
|-
}
| <code>hard_equip</code> || Equipamento recomendado no modo Hard || <code>Set +16</code>
|-
| <code>normal_extra</code> || Linha(s) HTML extra para requisitos do Normal (opcional) || (vazio)
|-
| <code>hard_extra</code> || Linha(s) HTML extra para requisitos do Hard (opcional) || (vazio)
|}


.ot-tab-buttons button:hover {
[[Categoria:Predefinições de jogabilidade]]
  background: #262626;
</noinclude><includeonly>{{#widget:Gb
  color: #e5e5e5;
| normal_nivel     = {{{normal_nivel|140}}}
}
| normal_equip     = {{{normal_equip|Set +8}}}
 
| hard_personagem  = {{{hard_personagem|personagem 4 ou 5 estrelas (Diamante)}}}
/* Aba ativa (estilo dourado igual ao do seu print) */
| hard_equip      = {{{hard_equip|Set +16}}}
.ot-tab-buttons button.active {
| normal_extra    = {{{normal_extra|}}}
  background: linear-gradient(90deg, #d89c00, #ffcc33);
| hard_extra      = {{{hard_extra|}}}
  color: #000;
}}</includeonly>
  border-color: #d89c00;
}
 
/* Conteúdo das abas */
.ot-tab-content {
  display: none;
  padding: 15px;
  border: 1px solid #333;
  border-radius: 6px;
  background: #151515;
}
 
.ot-tab-content.active {
  display: block;
}
</style>
 
<script>
/* ==========================
  SISTEMA DE TROCA DE TABS
  ========================== */
document.addEventListener("click", function (e) {
    const btn = e.target.closest(".ot-tab-buttons button");
    if (!btn) return;
 
    const container = btn.closest(".ot-tabs");
    const target = btn.dataset.target;
 
    // Atualiza botões
    container.querySelectorAll(".ot-tab-buttons button")
        .forEach(b => b.classList.remove("active"));
    btn.classList.add("active");
 
    // Atualiza conteúdos
    container.querySelectorAll(".ot-tab-content")
        .forEach(c => c.classList.remove("active"));
 
    container.querySelector("#" + target).classList.add("active");
});
</script>
 
<div class="ot-tabs">
 
  <div class="ot-tab-buttons">
     <button data-target="ot-tab-1" class="active">
      {{{label1|Outfit}}}
     </button>
    <button data-target="ot-tab-2">
      {{{label2|Cursed Backpack}}}
    </button>
    <button data-target="ot-tab-3">
      {{{label3|Crimsonevil's Head}}}
    </button>
  </div>
 
  <div class="ot-tab-content active" id="ot-tab-1">
    {{{1|Conteúdo da aba 1}}}
  </div>
 
  <div class="ot-tab-content" id="ot-tab-2">
    {{{2|Conteúdo da aba 2}}}
  </div>
 
  <div class="ot-tab-content" id="ot-tab-3">
    {{{3|Conteúdo da aba 3}}}
  </div>
 
</div>

Edição atual tal como às 05h01min de 17 de março de 2026

Predefinição: Gb

Exibe os requisitos de uma dungeon/conteúdo separados em abas Normal e Hard.

Depende da [[Widget:Gb].

Uso básico

{{Gb}

Uso completo

{{Gb
 | normal_nivel     = 140
 | normal_equip     = Set +8
 | hard_personagem  = personagem 4 ou 5 estrelas (Diamante)
 | hard_equip       = Set +16
 | normal_extra     = <li><span class="rtab-dot dot-n"></span><span>Requisito extra Normal</span></li>
 | hard_extra       = <li><span class="rtab-dot dot-h"></span><span>Requisito extra Hard</span></li>
}}

Parâmetros

Parâmetro Descrição Padrão
normal_nivel Nível mínimo para o modo Normal 140
normal_equip Equipamento recomendado no modo Normal Set +8
hard_personagem Descrição do tipo de personagem necessário no Hard personagem 4 ou 5 estrelas (Diamante)
hard_equip Equipamento recomendado no modo Hard Set +16
normal_extra Linha(s) HTML extra para requisitos do Normal (opcional) (vazio)
hard_extra Linha(s) HTML extra para requisitos do Hard (opcional) (vazio)
Disponível em “https://wiki.gla.com.br/index.php?title=Predefinição:Gb&oldid=45064”