Mudanças entre as edições de "Teste-boss-world"
Ir para navegação
Ir para pesquisar
| Linha 8: | Linha 8: | ||
<div class="home-card-WorldBoss"> | <div class="home-card-WorldBoss"> | ||
<div style="display: flex; flex-wrap: wrap; padding: 15px; gap: 15px; background: grey;"> | <div style="display: flex; flex-wrap: wrap; padding: 15px; gap: 15px; background: grey;"> | ||
<div style="width: 250px; height: 250px; background: | <div style="width: 250px; height: 250px; background: white; display: flex; align-items: center; justify-content: center; color: white; border: 2px solid #333;">[[Arquivo:Mihawk-sprite.png]]</div> | ||
<div class="home-card-WorldBoss-list" style="flex:1; | <div class="home-card-WorldBoss-list" style="flex:1; width: 100%; max-width: 800px; margin-bottom:0;"> | ||
<div class="home-title" style="font-size: 1.1em;">Informações Importantes</div> | <div class="home-title" style="font-size: 1.1em;">Informações Importantes</div> | ||
<div style="padding: | <div style="max-height: 250px; overflow-y: auto; padding: 10px; background: #fff;"> | ||
<ul style="list-style: none; padding: 0; margin: 0;"> | |||
<li>Primeira frase importante sobre o boss.</li> | |||
<li>Segunda frase com uma dica de combate.</li> | |||
<li>Terceira frase sobre as recompensas.</li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="width: 250px; height: 250px; padding: | <div style="width: 250px; height: 250px; padding: 5px; background: blue; display: flex; align-items: center; justify-content: center; color: white; border: 2px solid #333;"> | ||
[[Arquivo:KuraiganaBackground.png]] | |||
</div> | </div> | ||
</div> | </div> | ||
Edição das 20h21min de 20 de abril de 2026
Informações Importantes
- Primeira frase importante sobre o boss.
- Segunda frase com uma dica de combate.
- Terceira frase sobre as recompensas.
Fase 1 a 3
Início calmo, utiliza apenas teleporte.
Recomendados: Tanks
<script> document.querySelectorAll('.boss-nav-btn').forEach(button => {
button.addEventListener('click', () => {
const target = button.getAttribute('data-target');
// Remove 'active' de todos
document.querySelectorAll('.boss-nav-btn').forEach(btn => btn.classList.remove('active'));
document.querySelectorAll('.boss-section').forEach(sec => sec.classList.remove('active'));
// Adiciona 'active' no alvo
button.classList.add('active');
document.getElementById(target).classList.add('active');
});
}); </script>