Mudanças entre as edições de "Usuário Discussão:GhoulBlack"
Ir para navegação
Ir para pesquisar
Etiqueta: Reversão manual |
Etiqueta: Revertido |
||
| Linha 1: | Linha 1: | ||
<style> | |||
---- | .boss-tabs { | ||
display: flex; | |||
gap: 20px; | |||
justify-content: center; | |||
margin-bottom: 20px; | |||
} | |||
.boss-tab { | |||
cursor: pointer; | |||
text-align: center; | |||
padding: 5px; | |||
} | |||
.boss-tab img { | |||
width: 120px; | |||
} | |||
.boss-content { | |||
display: none; | |||
padding: 15px; | |||
border: 1px solid #ccc; | |||
background: #f8f8f8; | |||
margin-top: 10px; | |||
} | |||
.boss-content.active { | |||
display: block; | |||
} | |||
</style> | |||
<div class="boss-tabs"> | |||
<div class="boss-tab" onclick="showBossTab('bane')"> | |||
[[File: | [[File:BossBane.png|120px]] | ||
<br> | <br>'''Bosses Bane''' | ||
< | </div> | ||
== | <div class="boss-tab" onclick="showBossTab('archfoe')"> | ||
[[File:BossArchfoe.png|120px]] | |||
<br>'''Bosses Archfoe''' | |||
</div> | |||
<div class="boss-tab" onclick="showBossTab('nemesis')"> | |||
[[File:BossNemesis.png|120px]] | |||
<br>'''Bosses Nemesis''' | |||
</div> | |||
</div> | |||
== | <div id="boss-bane" class="boss-content"> | ||
{{BossBaneBox}} | |||
</div> | |||
<div id="boss-archfoe" class="boss-content"> | |||
{{BossArchfoeBox}} | |||
</div> | |||
<div id="boss-nemesis" class="boss-content"> | |||
{{BossNemesisBox}} | |||
</div> | |||
<script> | |||
function showBossTab(id) { | |||
document.querySelectorAll('.boss-content').forEach(c => c.classList.remove('active')); | |||
const box = document.getElementById('boss-' + id); | |||
if (box) box.classList.add('active'); | |||
} | |||
</script> | |||
</ | |||
Edição das 06h11min de 8 de novembro de 2025
<style> .boss-tabs {
display: flex; gap: 20px; justify-content: center; margin-bottom: 20px;
} .boss-tab {
cursor: pointer; text-align: center; padding: 5px;
} .boss-tab img {
width: 120px;
} .boss-content {
display: none; padding: 15px; border: 1px solid #ccc; background: #f8f8f8; margin-top: 10px;
} .boss-content.active {
display: block;
} </style>
<script> function showBossTab(id) {
document.querySelectorAll('.boss-content').forEach(c => c.classList.remove('active'));
const box = document.getElementById('boss-' + id);
if (box) box.classList.add('active');
} </script>