|
|
| (173 revisões intermediárias por 2 usuários não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| <includeonly> | | <div class="infobox" |
| <!-- Container Principal --> | | style="width:auto; font-family: sans-serif; border:1px solid #aaa; background:#f9f9f9; margin:10px 0;"> |
| {{#widget:opendiv|class=personagem-container}} | | <div style="background:#e0e0e0; padding:8px; text-align:center; font-size:1.3em; font-weight:bold;"> |
| | {{{nome|Nome da Missão}}} |
| | </div> |
|
| |
|
| <!-- Cabeçalho do Personagem --> | | <table style="width:100%; border-collapse:collapse;"> |
| {{#widget:opendiv|class=personagem-header}}
| | <tr> |
| <h2>{{{nome|Nome do Personagem}}}</h2> | | <td style="padding:4px; border:1px solid #ddd;"><strong>Nível Necessário:</strong></td> |
| {{#widget:opendiv|class=personagem-info}}
| | <td style="padding:4px; border:1px solid #ddd;">{{{nivel|N/D}}}</td> |
| <p><b>Classes:</b> {{{classes|N/A}}}</p> | | </tr> |
| <p><b>Tier:</b> {{{tier|N/A}}}</p> | | <tr> |
| {{#widget:closediv}} <!-- Fecha personagem-info -->
| | <td style="padding:4px; border:1px solid #ddd;"><strong>Qtd. de Jogadores:</strong></td> |
| {{#widget:closediv}} <!-- Fecha personagem-header -->
| | <td style="padding:4px; border:1px solid #ddd;">{{{jogadores|N/D}}}</td> |
| | </tr> |
| | <tr> |
| | <td style="padding:4px; border:1px solid #ddd;"><strong>Tempo Limite:</strong></td> |
| | <td style="padding:4px; border:1px solid #ddd;">{{{tempo|N/D}}}</td> |
| | </tr> |
|
| |
|
| <!-- Seção de Habilidades --> | | <tr> |
| {{#widget:opendiv|class=personagem-habilidades}} | | <td colspan="2" style="padding:4px; border:1px solid #ddd;"> |
| <h3>Habilidades</h3> | | <tabber> |
| | |-|Normal= |
| | <p><strong>Recompensas Comuns:</strong> {{{comum_normal|Nenhuma}}}</p> |
| | <p><strong>Recompensas Incomuns:</strong> {{{incomum_normal|Nenhuma}}}</p> |
| | <p><strong>Recompensas Raras:</strong> {{{rara_normal|Nenhuma}}}</p> |
| | |-|Elite= |
| | <p><strong>Recompensas Comuns:</strong> {{{comum_elite|Nenhuma}}}</p> |
| | <p><strong>Recompensas Incomuns:</strong> {{{incomum_elite|Nenhuma}}}</p> |
| | <p><strong>Recompensas Raras:</strong> {{{rara_elite|Nenhuma}}}</p> |
| | |-|Hard= |
| | <p><strong>Recompensas Comuns:</strong> {{{comum_hard|Nenhuma}}}</p> |
| | <p><strong>Recompensas Incomuns:</strong> {{{incomum_hard|Nenhuma}}}</p> |
| | <p><strong>Recompensas Raras:</strong> {{{rara_hard|Nenhuma}}}</p> |
| | </tabber> |
|
| |
|
| <!-- Container das Abas de Habilidades --> | | </td> |
| {{#widget:opendiv|class=habilidades-tabs}}
| | </tr> |
| | | </table> |
| <!-- Ícones das Habilidades -->
| | </div> |
| {{#widget:opendiv|class=abas-icones}}
| |
| {{#widget:opendiv|class=tab-habilidade active" data-skill-id="1"}}
| |
| <img src="{{{icone_1|/images/default-icon.png}}}" alt="Habilidade 1">
| |
| {{#widget:closediv}}
| |
| {{#widget:opendiv|class=tab-habilidade" data-skill-id="2"}}
| |
| <img src="{{{icone_2|/images/default-icon.png}}}" alt="Habilidade 2">
| |
| {{#widget:closediv}}
| |
| {{#widget:opendiv|class=tab-habilidade" data-skill-id="3"}}
| |
| <img src="{{{icone_3|/images/default-icon.png}}}" alt="Habilidade 3">
| |
| {{#widget:closediv}}
| |
| <!-- Adicione mais habilidades se necessário -->
| |
| {{#widget:closediv}} <!-- Fecha abas-icones -->
| |
| | |
| <!-- Conteúdo das Habilidades -->
| |
| {{#widget:opendiv|class=abas-conteudo}}
| |
| {{#widget:opendiv|class=habilidade-info active" data-skill-id="1"}}
| |
| <h4>{{{habilidade_1_nome|Habilidade 1}}}</h4>
| |
| <p><b>Nível:</b> {{{habilidade_1_nivel|N/A}}}</p>
| |
| <p><b>Descrição:</b> {{{habilidade_1_descricao|Sem descrição.}}}</p>
| |
| <div class="habilidade-video">{{{habilidade_1_video|}}}</div>
| |
| {{#widget:closediv}}
| |
| {{#widget:opendiv|class=habilidade-info" data-skill-id="2"}}
| |
| <h4>{{{habilidade_2_nome|Habilidade 2}}}</h4>
| |
| <p><b>Nível:</b> {{{habilidade_2_nivel|N/A}}}</p>
| |
| <p><b>Descrição:</b> {{{habilidade_2_descricao|Sem descrição.}}}</p>
| |
| <div class="habilidade-video">{{{habilidade_2_video|}}}</div>
| |
| {{#widget:closediv}}
| |
| {{#widget:opendiv|class=habilidade-info" data-skill-id="3"}}
| |
| <h4>{{{habilidade_3_nome|Habilidade 3}}}</h4>
| |
| <p><b>Nível:</b> {{{habilidade_3_nivel|N/A}}}</p>
| |
| <p><b>Descrição:</b> {{{habilidade_3_descricao|Sem descrição.}}}</p>
| |
| <div class="habilidade-video">{{{habilidade_3_video|}}}</div>
| |
| {{#widget:closediv}}
| |
| <!-- Adicione mais habilidades se necessário -->
| |
| {{#widget:closediv}} <!-- Fecha abas-conteudo -->
| |
| | |
| {{#widget:closediv}} <!-- Fecha habilidades-tabs -->
| |
| {{#widget:closediv}} <!-- Fecha personagem-habilidades -->
| |
| | |
| {{#widget:closediv}} <!-- Fecha personagem-container -->
| |
| | |
| <!-- JavaScript para alternar entre as habilidades -->
| |
| <script>
| |
| document.addEventListener('DOMContentLoaded', function() {
| |
| const tabs = document.querySelectorAll('.tab-habilidade');
| |
| const contents = document.querySelectorAll('.habilidade-info');
| |
| tabs.forEach(tab => {
| |
| tab.addEventListener('click', function() {
| |
| const skillId = this.getAttribute('data-skill-id');
| |
| document.querySelector('.tab-habilidade.active').classList.remove('active');
| |
| this.classList.add('active');
| |
| document.querySelector('.habilidade-info.active').classList.remove('active');
| |
| document.querySelector('.habilidade-info[data-skill-id="' + skillId + '"]').classList.add('active');
| |
| });
| |
| });
| |
| });
| |
| </script>
| |
| </includeonly>
| |