Mudanças entre as edições de "Predefinição:Teste"
Ir para navegação
Ir para pesquisar
(Limpou toda a página) Etiqueta: anulando |
Etiqueta: Revertido |
||
| Linha 1: | Linha 1: | ||
<includeonly> | |||
<templatestyles src="Predefinição:Skillbox/styles.css" /> | |||
{{#invoke:Skillbox|exibir}} | |||
<style> | |||
.skillbox-video { | |||
aspect-ratio: 16 / 9; | |||
} | |||
</style> | |||
<script> | |||
document.addEventListener("DOMContentLoaded", function () { | |||
const tabs = document.querySelectorAll('.skillbox-tab'); | |||
const panels = document.querySelectorAll('.skillbox-panel'); | |||
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 das 02h10min de 23 de maio de 2025
Uso
Exibe uma lista de habilidades com nome, descrição e vídeo correspondente em abas interativas.
Funciona com base no Módulo:Skillbox, no Widget:Skillbox e nos estilos definidos em Predefinição:Skillbox/styles.css.
Parâmetros
habX- Nome da habilidade número X.
deX- Descrição da habilidade número X.
- Pode usar
negritono texto.
vidX- Nome do arquivo de vídeo correspondente (enviado na wiki, como
.webmou.mp4). - O vídeo será carregado automaticamente a partir de
Special:FilePath.
X representa o número da habilidade, indo de 1 até 15.
Exemplo
= Habilidades =
{{Skillbox
|hab1 =
|de1 =
|vid1 =
<!-- -->
|hab2 =
|de2 =
|vid2 =
<!-- -->
|hab3 =
|de3 =
|vid3 =
<!-- -->
|hab4 =
|de4 =
|vid4 =
<!-- -->
|hab5 =
|de5 =
|vid5 =
<!-- -->
|hab6 =
|de6 =
|vid6 =
<!-- -->
|hab7 =
|de7 =
|vid7 =
<!-- -->
|hab8 =
|de8 =
|vid8 =
<!-- -->
|hab9 =
|de9 =
|vid9 =
<!-- -->
|hab10 =
|de10 =
|vid10 =
}}