Mudanças entre as edições de "Widget:Gb"

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(9 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
  <widget>
<noinclude>
  <div style="background:#21223a; border-radius:10px; padding:15px; width:350px; color:#f1e9d3; font-family:sans-serif;">
Esta widget exibe requisitos em abas (Normal / Hard) de forma responsiva.
    <div style="display:flex; align-items:center; margin-bottom:10px;">
 
      <div style="width:60px; height:60px; border-radius:8px; overflow:hidden; background:#252736; margin-right:10px;">
=== Parâmetros ===
        <img src="{{{imagem|https://via.placeholder.com/60}}}" alt="Imagem da criatura" style="width:60px; height:60px;">
{| class="wikitable"
      </div>
! Parâmetro !! Descrição !! Padrão
      <div>
|-
        <div style="font-size:1.3em; font-weight:bold; color:#f7de72;">{{{nome|Criatura}}}</div>
| normal_nivel = Nível mínimo para o modo Normal || 140
        <div style="font-size:1em; color:#b0b0b0;">{{{tipo|Tipo desconhecido}}}</div>
|-
        <div style="font-size:0.94em; color:#67b06a; margin-top:2px;">{{{habitat|Habitat desconhecido}}}</div>
| normal_equip || Equipamento recomendado (Normal) || Set +8
        <div style="font-size:0.97em; color:#e55a5a;">Perigo: {{{perigo|?}}}</div>
|-
      </div>
| hard_personagem || Requisito de personagem (Hard) || personagem 4 ou 5 estrelas (Diamante)
    </div>
|-
    <div style="margin-top:10px;">
| hard_equip || Equipamento recomendado (Hard) || Set +16
      <div style="background:#171821; border-radius:8px; padding:8px 10px; margin-bottom:6px;">
|-
        <span style="font-weight:bold; color:#f7de72;">Drops</span><br />
| normal_extra || Linha extra de requisito Normal (opcional) || (vazio)
        <span style="font-size:0.98em;">{{{drops|Sem drops.}}}</span>
|-
      </div>
| hard_extra || Linha extra de requisito Hard (opcional) || (vazio)
     </div>
|}
 
=== Exemplo de uso ===
<pre>
{{#widget:Gb
| normal_nivel = 140
| normal_equip = Set +8
| hard_personagem = personagem 4 ou 5 estrelas (Diamante)
| hard_equip = Set +16
}}
</pre>
</noinclude><includeonly><html>
<style>
.rtab-wrap{font-family:sans-serif;max-width:600px;margin:0 auto}
.rtab-btns{display:flex;border-bottom:2px solid #a2a9b1;margin-bottom:0}
.rtab-btn{padding:8px 22px;font-size:14px;font-weight:bold;color:#54595d;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;display:flex;align-items:center;gap:6px}
.rtab-btn:hover{color:#202122}
.rtab-btn.active{color:#202122;border-bottom-color:#3680b0}
.rtab-badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:bold}
.badge-n{background:#ddeeff;color:#185FA5}
.badge-h{background:#fce8e8;color:#a32d2d}
.rtab-panel{display:none;padding:14px 2px}
.rtab-panel.active{display:block}
.rtab-title{font-size:11px;font-weight:bold;color:#72777d;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.rtab-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.rtab-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#202122;line-height:1.5}
.rtab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px}
.dot-n{background:#3680b0}
.dot-h{background:#e24b4a}
@media(max-width:480px){.rtab-btn{padding:8px 14px;font-size:13px}}
</style>
<div class="rtab-wrap">
  <div class="rtab-btns">
    <button class="rtab-btn active" onclick="rtSwitch('n',this)">
      Normal <span class="rtab-badge badge-n">Nível {{{normal_nivel|140}}}</span>
    </button>
    <button class="rtab-btn" onclick="rtSwitch('h',this)">
      Hard <span class="rtab-badge badge-h">{{{hard_equip|Set +16}}}</span>
     </button>
   </div>
   </div>
   </widget>
   <div id="rtpanel-n" class="rtab-panel active">
 
    <div class="rtab-title">Requisitos — Normal</div>
  ----
    <ul class="rtab-list">
 
      <li><span class="rtab-dot dot-n"></span><span>Nível mínimo: <b>{{{normal_nivel|140}}}</b></span></li>
  ==Predefinição:Bestiario==
      <li><span class="rtab-dot dot-n"></span><span>Equipamento recomendado: <b>{{{normal_equip|Set +8}}}</b></span></li>
  <pre>
      {{{normal_extra|}}}
  {{#invoke:Widget|render|Bestiario
    </ul>
  |nome={{{nome|}}}
  </div>
  |imagem={{{imagem|}}}
   <div id="rtpanel-h" class="rtab-panel">
   |tipo={{{tipo|}}}
    <div class="rtab-title">Requisitos — Hard</div>
  |habitat={{{habitat|}}}
    <ul class="rtab-list">
  |perigo={{{perigo|}}}
      <li><span class="rtab-dot dot-h"></span><span>Recomendado utilizar um <b>{{{hard_personagem|personagem 4 ou 5 estrelas (Diamante)}}}</b></span></li>
   |drops={{{drops|}}}
      <li><span class="rtab-dot dot-h"></span><span>Equipamento recomendado: <b>{{{hard_equip|Set +16}}}</b></span></li>
   }}
      {{{hard_extra|}}}
  </pre>
    </ul>
   </div>
</div>
<script>
function rtSwitch(tab,btn){
  ['n','h'].forEach(function(t){
    document.getElementById('rtpanel-'+t).classList.remove('active');
  });
  document.querySelectorAll('.rtab-btn').forEach(function(b){b.classList.remove('active');});
  document.getElementById('rtpanel-'+tab).classList.add('active');
   btn.classList.add('active');
}
</script>
</html></includeonly>

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

Esta widget exibe requisitos em abas (Normal / Hard) de forma responsiva.

Parâmetros

Parâmetro Descrição Padrão
normal_nivel = Nível mínimo para o modo Normal 140
normal_equip Equipamento recomendado (Normal) Set +8
hard_personagem Requisito de personagem (Hard) personagem 4 ou 5 estrelas (Diamante)
hard_equip Equipamento recomendado (Hard) Set +16
normal_extra Linha extra de requisito Normal (opcional) (vazio)
hard_extra Linha extra de requisito Hard (opcional) (vazio)

Exemplo de uso

{{#widget:Gb
 | normal_nivel = 140
 | normal_equip = Set +8
 | hard_personagem = personagem 4 ou 5 estrelas (Diamante)
 | hard_equip = Set +16
}}
Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Gb&oldid=45067”