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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(452 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 -->
| titulo = {{{titulo|Sem título}}}
{{#widget:opendiv|class=personagem-container}}
| texto = {{{texto|}}}
}}</includeonly>
<noinclude>
== Predefinição:Teste ==
Exemplo didático: predefinição chama o widget (CSS/JS) e o módulo (HTML via Lua).


<!-- Cabeçalho do Personagem -->
=== Parâmetros ===
{{#widget:opendiv|class=personagem-header}}
; titulo : Título da caixa (padrão: <code>Sem título</code>)
<h2>{{{nome|Nome do Personagem}}}</h2>
; texto : Corpo em wikitext (links, negrito, etc.)
{{#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 -->
=== Exemplo ===
{{#widget:opendiv|class=personagem-habilidades}}
<pre>
<h3>Habilidades</h3>
{{Teste|titulo=Notas da aula|texto=Conteúdo com '''negrito''' e [[link]].}}
 
</pre>
<!-- Container das Abas de Habilidades -->
</noinclude>
{{#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 00h24min de 1 de abril de 2026


Predefinição:Teste

Exemplo didático: predefinição chama o widget (CSS/JS) e o módulo (HTML via Lua).

Parâmetros

titulo
Título da caixa (padrão: Sem título)
texto
Corpo em wikitext (links, negrito, etc.)

Exemplo

{{Teste|titulo=Notas da aula|texto=Conteúdo com '''negrito''' e [[link]].}}
Disponível em “https://wiki.gla.com.br/index.php?title=Predefinição:Teste&oldid=45259”