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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(450 revisões intermediárias por 3 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<includeonly>
<includeonly>{{#widget:Teste}}{{#invoke:Teste|main
<!-- Container Principal -->
| nome1  = {{{nome1|}}}  | link1  = {{{link1|}}}  | img1  = {{{img1|}}}  | qtd1  = {{{qtd1|}}}  | bau1  = {{{bau1|}}}
{{#widget:opendiv|class=personagem-container}}
| nome2  = {{{nome2|}}}  | link2  = {{{link2|}}}  | img2  = {{{img2|}}}  | qtd2  = {{{qtd2|}}}  | bau2  = {{{bau2|}}}
| nome3  = {{{nome3|}}}  | link3  = {{{link3|}}}  | img3  = {{{img3|}}}  | qtd3  = {{{qtd3|}}}  | bau3  = {{{bau3|}}}
| nome4  = {{{nome4|}}}  | link4  = {{{link4|}}}  | img4  = {{{img4|}}}  | qtd4  = {{{qtd4|}}}  | bau4  = {{{bau4|}}}
| nome5  = {{{nome5|}}}  | link5  = {{{link5|}}}  | img5  = {{{img5|}}}  | qtd5  = {{{qtd5|}}}  | bau5  = {{{bau5|}}}
| nome6  = {{{nome6|}}}  | link6  = {{{link6|}}}  | img6  = {{{img6|}}}  | qtd6  = {{{qtd6|}}}  | bau6  = {{{bau6|}}}
| nome7  = {{{nome7|}}}  | link7  = {{{link7|}}}  | img7  = {{{img7|}}}  | qtd7  = {{{qtd7|}}}  | bau7  = {{{bau7|}}}
| nome8  = {{{nome8|}}}  | link8  = {{{link8|}}}  | img8  = {{{img8|}}}  | qtd8  = {{{qtd8|}}}  | bau8  = {{{bau8|}}}
| nome9  = {{{nome9|}}}  | link9  = {{{link9|}}}  | img9  = {{{img9|}}}  | qtd9  = {{{qtd9|}}}  | bau9  = {{{bau9|}}}
| nome10 = {{{nome10|}}} | link10 = {{{link10|}}} | img10 = {{{img10|}}} | qtd10 = {{{qtd10|}}} | bau10 = {{{bau10|}}}
| nome11 = {{{nome11|}}} | link11 = {{{link11|}}} | img11 = {{{img11|}}} | qtd11 = {{{qtd11|}}} | bau11 = {{{bau11|}}}
| nome12 = {{{nome12|}}} | link12 = {{{link12|}}} | img12 = {{{img12|}}} | qtd12 = {{{qtd12|}}} | bau12 = {{{bau12|}}}
}}</includeonly>


<!-- Cabeçalho do Personagem -->
<noinclude>
{{#widget:opendiv|class=personagem-header}}
== Exemplo ==
<h2>{{{nome|Nome do Personagem}}}</h2>
<pre>
{{#widget:opendiv|class=personagem-info}}
{{Teste
<p><b>Classes:</b> {{{classes|N/A}}}</p>
| nome1 = Foosha Village
<p><b>Tier:</b> {{{tier|N/A}}}</p>
| link1 = Foosha Village
{{#widget:closediv}} <!-- Fecha personagem-info -->
| img1  = Foosha.png
{{#widget:closediv}} <!-- Fecha personagem-header -->
| qtd1  = 6
 
| bau1  = comum
<!-- Seção de Habilidades -->
}}
{{#widget:opendiv|class=personagem-habilidades}}
</pre>
<h3>Habilidades</h3>
</noinclude>
 
<!-- 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 23h55min de 12 de março de 2026


Exemplo

{{Teste
 | nome1 = Foosha Village
 | link1 = Foosha Village
 | img1  = Foosha.png
 | qtd1  = 6
 | bau1  = comum
}}