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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
Etiqueta: Revertido
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>

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

Deathstalker
Deathstalker.png
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
     data-skill-id=1
     data-skill-id=2
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'

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

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