|
|
| (123 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <style>
| | {{Character |
| .boss-tabs {
| | |name=Yamato |
| display: flex;
| | |module=Yamato |
| 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:BossBane.png|120px]]
| |
| <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>
| |
