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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
m
 
(84 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<includeonly>
<includeonly>{{#widget:Teste}}{{#invoke:Teste|main
<templatestyles src="Predefinição:Skillbox/styles.css" />
| titulo = {{{titulo|Sem título}}}
{{#invoke:Skillbox|exibir}}
| texto = {{{texto|}}}
}}</includeonly>
<noinclude>
== Predefinição:Teste ==
Exemplo didático: predefinição chama o widget (CSS/JS) e o módulo (HTML via Lua).


<style>
=== Parâmetros ===
.skillbox-video {
; titulo : Título da caixa (padrão: <code>Sem título</code>)
  aspect-ratio: 16 / 9;
; texto : Corpo em wikitext (links, negrito, etc.)
}
</style>


<script>
=== Exemplo ===
document.addEventListener("DOMContentLoaded", function () {
<pre>
  const tabs = document.querySelectorAll('.skillbox-tab');
{{Teste|titulo=Notas da aula|texto=Conteúdo com '''negrito''' e [[link]].}}
  const panels = document.querySelectorAll('.skillbox-panel');
</pre>
 
</noinclude>
  tabs.forEach((tab, index) => {
    tab.addEventListener('click', () => {
      tabs.forEach(t => t.classList.remove('active'));
      panels.forEach(p => p.classList.remove('active'));
 
      tab.classList.add('active');
      panels[index].classList.add('active');
 
      const video = panels[index].querySelector('video');
      if (video) {
        panels.forEach((p) => {
          const v = p.querySelector('video');
          if (v) v.pause();
        });
        video.load();
        video.play();
      }
    });
  });
});
</script>
</includeonly>
 
<noinclude>{{Predefinição:Skillbox/doc}}</noinclude>

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]].}}