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

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
}}

@@ Linha 1: / Linha 1: @@
-<div style="background: linear-gradient(90deg, #1f3d2c, #56947a);
+<noinclude>
-border-radius: 8px;
+Esta widget exibe requisitos em abas (Normal / Hard) de forma responsiva.
-padding: 15px;
-color: #ffffff;
-font-family: sans-serif;
-font-size: 14px;
-margin: 8px 100;">
-<div style="font-weight: bold; color: #9ef59b; display: flex; align-items: center; gap: 6px;">
-🔔 Aviso
-</div>
-<hr style="border: none; border-top: 1px solid rgba(255,255,255,0.2); margin: 8px 0;">
-<div style="text-align: center; line-height: 1.5;">
-Mensagem de aviso teste  teste teste teste teste teste teste teste
-</div>
-</div>
+=== Parâmetros ===
+{| class="wikitable"
+! 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)
+|}
-    body {
+=== Exemplo de uso ===
-      margin: 0;
+<pre>
-      padding: 0;
+{{#widget:Gb
-      font-family: sans-serif;
+ | normal_nivel = 140
-      background-color: #1e1e1e;
+ | normal_equip = Set +8
-      display: flex;
+ | hard_personagem = personagem 4 ou 5 estrelas (Diamante)
-      justify-content: center;
+ | hard_equip = Set +16
-      align-items: flex-start;
+}}
-      min-height: 100vh;
+</pre>
-    }
+</noinclude><includeonly><html>
+<style>
-    .cards-container {
+.rtab-wrap{font-family:sans-serif;max-width:600px;margin:0 auto}
-      display: flex;
+.rtab-btns{display:flex;border-bottom:2px solid #a2a9b1;margin-bottom:0}
-      flex-wrap: wrap;
+.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}
-      gap: 10px;
+.rtab-btn:hover{color:#202122}
-      padding: 20px;
+.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}
-    .card {
+.badge-h{background:#fce8e8;color:#a32d2d}
-      width: 200px;
+.rtab-panel{display:none;padding:14px 2px}
-      padding: 10px;
+.rtab-panel.active{display:block}
-      border-radius: 12px;
+.rtab-title{font-size:11px;font-weight:bold;color:#72777d;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
-      border: 1px solid #4c86dd;
+.rtab-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
-      color: #ffffff;
+.rtab-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#202122;line-height:1.5}
-      display: flex;
+.rtab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px}
-      flex-direction: column;
+.dot-n{background:#3680b0}
-      justify-content: center;
+.dot-h{background:#e24b4a}
-      text-align: center;
+@media(max-width:480px){.rtab-btn{padding:8px 14px;font-size:13px}}
-      background:
+</style>
-        linear-gradient(to right, rgb(8, 1, 48), rgba(11, 177, 243, 0.144)),
+<div class="rtab-wrap">
-        url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') center/cover no-repeat;
+   <div class="rtab-btns">
-      transition: transform 0.2s, box-shadow 0.2s;
+     <button class="rtab-btn active" onclick="rtSwitch('n',this)">
-      cursor: pointer;
+       Normal <span class="rtab-badge badge-n">Nível {{{normal_nivel|140}}}</span>
-    }
+    </button>
+    <button class="rtab-btn" onclick="rtSwitch('h',this)">
-    .card:hover {
+       Hard <span class="rtab-badge badge-h">{{{hard_equip|Set +16}}}</span>
-      transform: translateY(-5px);
+     </button>
-      box-shadow: 0 10px 20px rgba(0,0,0,0.3);
+  </div>
-    }
+  <div id="rtpanel-n" class="rtab-panel active">
+     <div class="rtab-title">Requisitos — Normal</div>
-    .card-title {
+    <ul class="rtab-list">
-      font-weight: bold;
+       <li><span class="rtab-dot dot-n"></span><span>Nível mínimo: <b>{{{normal_nivel|140}}}</b></span></li>
-      color: #00ccff;
+       <li><span class="rtab-dot dot-n"></span><span>Equipamento recomendado: <b>{{{normal_equip|Set +8}}}</b></span></li>
-      margin-bottom: 10px;
+      {{{normal_extra|}}}
-    }
+     </ul>
-  </style>
+  </div>
-</head>
+  <div id="rtpanel-h" class="rtab-panel">
-<body>
+     <div class="rtab-title">Requisitos — Hard</div>
-   <div class="cards-container">
+    <ul class="rtab-list">
-     <div class="card">
+       <li><span class="rtab-dot dot-h"></span><span>Recomendado utilizar um <b>{{{hard_personagem|personagem 4 ou 5 estrelas (Diamante)}}}</b></span></li>
-       <div class="card-title">Zumbi</div>
+       <li><span class="rtab-dot dot-h"></span><span>Equipamento recomendado: <b>{{{hard_equip|Set +16}}}</b></span></li>
-       <div>Quantidade: 15</div>
+      {{{hard_extra|}}}
-     </div>
+     </ul>
-     <div class="card">
-       <div class="card-title">Esqueleto</div>
-       <div>Quantidade: 8</div>
-     </div>
-     <div class="card">
-       <div class="card-title">Dragão</div>
-       <div>Quantidade: 1</div>
-     </div>
    </div>
-</body>
+</div>
-</html>
+<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>

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

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

Parâmetros

Exemplo de uso

Menu de navegação

Pesquisa