Mudanças entre as edições de "Teste-boss-world"
Ir para navegação
Ir para pesquisar
(Criou página com '{{#widget:TiraTitulo}} <templatestyles src="Predefinição:BossLayout/styles.css" /> <templatestyles src="Predefinição:MainPage/styles.css" /> <div class="boss-container">...') |
|||
| (8 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
{{#widget:Mainpageresponsive}} | |||
{{#widget:TiraTitulo}} | {{#widget:TiraTitulo}} | ||
<templatestyles src="Predefinição:BossLayout/styles.css" /> | <templatestyles src="Predefinição:BossLayout/styles.css" /> | ||
<templatestyles src="Predefinição:MainPage/styles.css" /> | <templatestyles src="Predefinição:MainPage/styles.css" /> | ||
<div class="boss- | <div class="boss-main-wrapper"> | ||
<div class="home-card | <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: | <div style="width: 250px; height: 250px; background: #000; display: flex; align-items: center; justify-content: center; color: white; border: 2px solid #333;">[[Arquivo:Mihawk_Boss.png|250px]]</div> | ||
<div class="home-card" style="flex:1; min-width:300px; margin-bottom:0;"> | |||
<div class="home-title" style="font-size: 1.1em;">Informações Importantes</div> | |||
<div style="padding:15px;"> | |||
* Recomendado grupo de 6 jogadores. | |||
* O uso de controle de grupo (CC) é obrigatório. | |||
<div class="home-title" style="font-size: 1. | |||
<div style="padding: 15px;"> | |||
</div> | </div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
< | <div class="boss-navigation"> | ||
<div class="boss-nav-btn active" data-target="hab">Habilidades</div> | |||
<div class="boss-nav-btn" data-target="fas">Fases</div> | |||
<div class="boss-nav-btn" data-target="rec">Rank e Tiers</div> | |||
<div class="boss-nav-btn" data-target="per">Personagens Recomendados</div> | |||
</div> | </div> | ||
<div id="hab" class="boss-section active"> | |||
<div class="home-card"> | |||
<div | <div style="padding:15px;">{{BossSkills|module=Mihawk}}</div> | ||
<div style="padding: 15px;"> | |||
</div> | </div> | ||
</div> | |||
<div id="fas" class="boss-section"> | |||
<div class="boss-grid"> | |||
<div class="card | <div class="boss-card"> | ||
<div style="height:4px; background:#46C001;"></div> | |||
<div style="padding:10px; font-weight:bold; border-bottom:1px solid #eee;">Fase 1 a 3</div> | |||
< | <div style="padding:15px; font-size:13px;">Início calmo, utiliza apenas teleporte.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="per" class="boss-section"> | |||
<div class="boss-grid"> | |||
<div class="boss- | <div class="boss-card"> | ||
<div class="boss- | <div class="home-title" style="background:#318CE7; font-size: 0.9em;">Recomendados: Tanks</div> | ||
<div class=" | <div style="padding:10px; height:300px; overflow-y:auto;"> | ||
[[Arquivo:Card-jinbe.png|250px]] | |||
[[Arquivo:Card-kid.png|250px]] | |||
<div style=" | |||
</div> | </div> | ||
</div> | </div> | ||
| Linha 87: | Linha 54: | ||
</div> | </div> | ||
</div> | |||
</ | <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> | |||
Edição atual tal como às 00h37min de 17 de abril de 2026
Informações Importantes
* Recomendado grupo de 6 jogadores.
* O uso de controle de grupo (CC) é obrigatório.
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>