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

Edição das 00h48min de 2 de maio de 2025

Deathstalker

Nível
110

Localização
Alabasta West

Drop:

       Erro de script: Nenhum módulo desse tipo "DropLista".

Notas

   Esse boss aparece apenas à noite. O dano da terceira habilidade ignora defesa.

Habilidades

Causa dano em área e aplica lentidão.

Erro em widget infovideo: Unable to load template 'wiki:infovideo'

Avança rapidamente no inimigo e causa sangramento.

Erro em widget infovideo: Unable to load template 'wiki:infovideo'

 background: #121a26;
 border: 1px solid #2b2f38;
 border-radius: 12px;
 color: #ddd;
 font-family: sans-serif;
 overflow: hidden;

}

.infobox-header {

 background: linear-gradient(to right, #1e2a38, #192430);
 color: #ffc107;
 text-align: center;
 font-weight: bold;
 font-size: 18px;
 padding: 12px;

}

.infobox-image {

 text-align: center;
 margin: 10px 0;

}

.infobox-basics {

 padding: 10px 20px;
 background: #101a24;

}

.infobox-row {

 display: flex;
 gap: 10px;
 justify-content: space-between;
 margin-bottom: 10px;

}

.infobox-cell {

 flex: 1;
 text-align: center;
 background: #0a0e18;
 padding: 8px;
 border-radius: 6px;

}

.drop-row {

 flex-direction: column;

}

.infobox-drop-title {

 margin-bottom: 4px;
 font-size: 14px;

}

.infobox-drop-list {

 font-size: 13px;
 color: #eee;

}

.infobox-subheader {

 background: linear-gradient(to right, #1e2a38, #192430);
 color: #fff;
 font-weight: bold;
 text-align: center;
 padding: 10px;
 margin-top: 10px;

}

.infobox-text {

 padding: 10px 20px;
 font-size: 13px;
 color: #aaa;
 background: #101a24;

}

.infobox-skills-wrapper {

 padding: 10px 20px;
 background: #101a24;

}

.infobox-skill-icons {

 display: flex;
 gap: 10px;
 justify-content: center;
 padding-bottom: 10px;

}

.infobox-skill-icon {

 width: 32px;
 height: 32px;
 cursor: pointer;
 opacity: 0.6;

}

.infobox-skill-icon.active {

 opacity: 1;
 filter: drop-shadow(0 0 4px #ffc107);

}

.infobox-skill-tab {

 display: none;
 gap: 20px;
 align-items: flex-start;
 margin-top: 10px;

}

.infobox-skill-tab.active {

 display: flex;

}

.infobox-skill-desc {

 flex: 1 1 300px;
 font-size: 14px;
 color: #ddd;

}

.infobox-skill-video {

 flex: 1 1 320px;
 max-width: 480px;
 border-radius: 8px;
 outline: none;

} </style>

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

Edição das 00h48min de 2 de maio de 2025

Menu de navegação

Pesquisa

@@ Linha 1: / Linha 1: @@
-{{#widget:Gurren2}}
+<div class="infobox-boss">
-{{InfoboxBoss
+  <!-- HEADER: Nome -->
-| nome = Deathstalker
+  <div class="infobox-header">Deathstalker</div>
-| imagem = Deathstalker.png
-| nivel = 110
+  <!-- IMAGEM DO BOSS -->
-| localizacao = Alabasta West
+  <div class="infobox-image">[[File:Deathstalker.png|center]]</div>
-| drop = Caixa de Recompensa Rara, Caixa1, Berrie, Corpiao
-| notas = corpiaozao grandao.
+  <!-- INFOS BÁSICAS -->
-<!-- Habilidade 1 -->
+  <div class="infobox-basics">
-| hab1 = teste1.
+    <div class="infobox-row">
-| icone1 = Aokiji_sk1_icon.png
+      <div class="infobox-cell"><b>Nível</b><br>110</div>
-| video1 = Abrindobaurotacaosemanal.mp4
+      <div class="infobox-cell"><b>Localização</b><br>Alabasta West</div>
-<!-- Habilidade 2 -->
+    </div>
-| hab2 = teste2.
+    <div class="infobox-row drop-row">
-| icone2 = Aokiji_sk1_icon.png
+      <div class="infobox-drop-title"><b>Drop:</b></div>
-| video2 = Abrindobaurotacaosemanal.mp4
+      <div class="infobox-drop-list">
-}}
+        {{#invoke:DropLista|formatar|Caixa de Recompensa Rara, Caixa1, Berrie, Corpiao}}
+      </div>
+    </div>
+  </div>
+  <!-- NOTAS -->
+  <div class="infobox-subheader">Notas</div>
+  <div class="infobox-text">
+    Esse boss aparece apenas à noite. O dano da terceira habilidade ignora defesa.
+  </div>
+  <!-- HABILIDADES -->
+  <div class="infobox-subheader">Habilidades</div>
+  <div class="infobox-skills-wrapper">
+    <div class="infobox-skill-icons">
+      [[File:Aokiji_sk1_icon.png|class=infobox-skill-icon active|data-skill-id=1]]
+      [[File:Aokiji_sk2_icon.png|class=infobox-skill-icon|data-skill-id=2]]
+    </div>
+    <div class="infobox-skill-tab active" data-skill-id="1">
+      <div class="infobox-skill-desc">Causa dano em área e aplica lentidão.</div>
+      {{#widget:infovideo|src=Deathstalker_skill1.mp4|class=infobox-skill-video}}
+    </div>
+    <div class="infobox-skill-tab" data-skill-id="2">
+      <div class="infobox-skill-desc">Avança rapidamente no inimigo e causa sangramento.</div>
+      {{#widget:infovideo|src=Deathstalker_skill2.mp4|class=infobox-skill-video}}
+    </div>
+  </div>
+</div>
+<style>
+.infobox-boss {
+  background: #121a26;
+  border: 1px solid #2b2f38;
+  border-radius: 12px;
+  color: #ddd;
+  font-family: sans-serif;
+  overflow: hidden;
+}
+.infobox-header {
+  background: linear-gradient(to right, #1e2a38, #192430);
+  color: #ffc107;
+  text-align: center;
+  font-weight: bold;
+  font-size: 18px;
+  padding: 12px;
+}
+.infobox-image {
+  text-align: center;
+  margin: 10px 0;
+}
+.infobox-basics {
+  padding: 10px 20px;
+  background: #101a24;
+}
+.infobox-row {
+  display: flex;
+  gap: 10px;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+.infobox-cell {
+  flex: 1;
+  text-align: center;
+  background: #0a0e18;
+  padding: 8px;
+  border-radius: 6px;
+}
+.drop-row {
+  flex-direction: column;
+}
+.infobox-drop-title {
+  margin-bottom: 4px;
+  font-size: 14px;
+}
+.infobox-drop-list {
+  font-size: 13px;
+  color: #eee;
+}
+.infobox-subheader {
+  background: linear-gradient(to right, #1e2a38, #192430);
+  color: #fff;
+  font-weight: bold;
+  text-align: center;
+  padding: 10px;
+  margin-top: 10px;
+}
+.infobox-text {
+  padding: 10px 20px;
+  font-size: 13px;
+  color: #aaa;
+  background: #101a24;
+}
+.infobox-skills-wrapper {
+  padding: 10px 20px;
+  background: #101a24;
+}
+.infobox-skill-icons {
+  display: flex;
+  gap: 10px;
+  justify-content: center;
+  padding-bottom: 10px;
+}
+.infobox-skill-icon {
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  opacity: 0.6;
+}
+.infobox-skill-icon.active {
+  opacity: 1;
+  filter: drop-shadow(0 0 4px #ffc107);
+}
+.infobox-skill-tab {
+  display: none;
+  gap: 20px;
+  align-items: flex-start;
+  margin-top: 10px;
+}
+.infobox-skill-tab.active {
+  display: flex;
+}
+.infobox-skill-desc {
+  flex: 1 1 300px;
+  font-size: 14px;
+  color: #ddd;
+}
+.infobox-skill-video {
+  flex: 1 1 320px;
+  max-width: 480px;
+  border-radius: 8px;
+  outline: none;
+}
+</style>