Mudanças entre as edições de "Predefinição:Teste"

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(429 revisões intermediárias por 3 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<includeonly>
<includeonly>{{#invoke:C|generate
<!-- Container Principal -->
|name={{{name|}}}
{{#widget:opendiv|class=personagem-container}}
|module={{{module|}}}
 
}}{{#widget:C.Base}}{{#widget:C.Skills}}{{#widget:C.Background}}{{#widget:C.Skins}}{{#widget:C.Subskills}}{{#widget:C.Translator}}{{#widget:C.WeaponToggle}}{{#widget:TiraTitulo}}</includeonly>
<!-- Cabeçalho do Personagem -->
{{#widget:opendiv|class=personagem-header}}
<h2>{{{nome|Nome do Personagem}}}</h2>
{{#widget:opendiv|class=personagem-info}}
<p><b>Classes:</b> {{{classes|N/A}}}</p>
<p><b>Tier:</b> {{{tier|N/A}}}</p>
{{#widget:closediv}} <!-- Fecha personagem-info -->
{{#widget:closediv}} <!-- Fecha personagem-header -->
 
<!-- Seção de Habilidades -->
{{#widget:opendiv|class=personagem-habilidades}}
<h3>Habilidades</h3>
 
<!-- Container das Abas de Habilidades -->
{{#widget:opendiv|class=habilidades-tabs}}
 
<!-- Ícones das Habilidades -->
{{#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>

Edição atual tal como às 21h36min de 31 de dezembro de 2025

Disponível em “https://wiki.gla.com.br/index.php?title=Predefinição:Teste&oldid=41815”