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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
Etiquetas: Reversão manual Revertido
Linha 1: Linha 1:
<div class="infobox-boss">
{{#widget:Gurren2}}
  <!-- HEADER: Nome -->
{{InfoboxBoss
  <div class="infobox-header">Deathstalker</div>
| nome = Deathstalker
 
| imagem = Deathstalker.png
  <!-- IMAGEM DO BOSS -->
| nivel = 110
  <div class="infobox-image">[[File:Deathstalker.png|center]]</div>
| localizacao = Alabasta West
 
| drop = Caixa de Recompensa Rara, Caixa1, Berrie, Corpiao
  <!-- INFOS BÁSICAS -->
| notas = corpiaozao grandao.
  <div class="infobox-basics">
<!-- Habilidade 1 -->
    <div class="infobox-row">
| hab1 = teste1.
      <div class="infobox-cell"><b>Nível</b><br>110</div>
| icone1 = Aokiji_sk1_icon.png
      <div class="infobox-cell"><b>Localização</b><br>Alabasta West</div>
| video1 = Abrindobaurotacaosemanal.mp4
    </div>
<!-- Habilidade 2 -->
    <div class="infobox-row drop-row">
| hab2 = teste2.
      <div class="infobox-drop-title"><b>Drop:</b></div>
| icone2 = Aokiji_sk1_icon.png
      <div class="infobox-drop-list">
| video2 = Abrindobaurotacaosemanal.mp4
        {{#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>

Edição das 01h06min de 2 de maio de 2025

Predefinição:InfoboxBoss

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Teste2&oldid=31742”