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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<noinclude>
<big>📘 Documentação da Predefinição `Persona`</big><br>
Esta predefinição gera uma ficha interativa de personagem, conectada a um widget em JavaScript que exibe habilidades e skins de forma dinâmica.
=== 📋 Exemplo para Copiar e Colar ===
<pre>
{{Persona
|nome=Nome do personagem
|tier=Tier do personagem (Bronze, Prata, Ouro ou Diamante)
|classe=Classe, função ou categoria (ex: Atirador/Suporte, Lutador/DPS/Chapéu De Palha, Cortante/Especialista/Tanque, etc.)
|image=imagem.png
|hab1-nome=Nome da Habilidade 1
|hab1-icon=icon1.png
|hab1-level=Nível da habilidade
|hab1-desc=Descrição da habilidade 1
|hab1-atr=valor1, valor2, valor3, valor4
|hab1-video=video1.webm
|hab2-nome=Nome da Habilidade 2
|hab2-icon=icon2.png
|hab2-level=Nível da habilidade
|hab2-desc=Descrição da habilidade 2
|hab2-atr=valor1, valor2, valor3, valor4
|hab2-video=video2.webm
...
|hab9-nome=Nome da Habilidade 9
|hab9-icon=icon9.png
|hab9-level=Nível da habilidade
|hab9-desc=Descrição da habilidade 9
|hab9-atr=valor1, valor2, valor3, valor4
|hab9-video=video9.webm
|skin1-image=skin1.png
|skin1-banner=banner1.png
|skin1-tooltip=Pode ser obtido(a) trocando por '''Medalhas de Valentia'''
|skin2-image=skin2.png
|skin2-banner=banner2.png
|skin2-tooltip=Pode ser obtido(a) trocando por '''Gems'''
}}
</pre>
<div><b>Notas:</b><br>
• Separe cada habilidade e cada skin com <code>||</code>.<br>
• <code>`atr`</code>: na ordem <b>Poder PvE, Poder PvP, Energia, Recarga</b>. Use hífen (-) para valores vazios.<br>
• Você pode adicionar tantas habilidades e skins quanto forem necessárias.
• Para destacar texto na descrição, você pode usar (exemplo: <nowiki>'''Olá'''</nowiki>).
</div><br>
=== 🔧 Parâmetros Disponíveis ===
{| class="wikitable" style="width:100%; text-align:left;"
|-
! Parâmetro !! Descrição !! Exemplo
|-
| `nome` || Nome completo do personagem. || Franky (Timeskip)
|-
| `tier` || Tier do personagem (ex: Bronze, Prata, Ouro, Diamante). || Diamante
|-
| `classe` || Função ou tipo do personagem (livre). || Atirador/Tanque
|-
| `image` || Imagem principal do personagem. || /images/9/91/Franky_ts_splash.png
|-
| `habilidadesRaw` ||
{| class="wikitable" style="width:100%;"
! Campo !! Descrição
|-
| `nome` || Nome da habilidade.
|-
| `icon` || Ícone exibido ao lado do nome.
|-
| `level` || Nível em que a habilidade é desbloqueada.
|-
| `desc` || Descrição da habilidade. Pode conter HTML. (Em caso de não ter deixe em branco)
|-
| `atr` || Atributos no formato: Recarga, Energia, Poder PvE, Poder PvP.
|-
| `video` || Caminho para o vídeo de demonstração da habilidade (Em caso de não ter deixe em branco).
|}
<br>Use <code><nowiki><!--Hab1--></nowiki></code> antes de cada habilidade para organização.<br>Separe as habilidades com <code>||</code>.<br>Envolva o conteúdo com <code><nowiki><nowiki></nowiki></code> para evitar erro de formatação.<br>No campo <code>`atr`</code>, você só precisa inserir o valor numérico. Caso não tenha algum, apenas coloque um hífen `-`.
||
<pre><nowiki><nowiki>
<!--Hab1-->
  nome=Strong Hammer
| icon=/images/0/05/Frankyts_sk1.png
| level=1
| desc=Franky soca o oponente com um soco de ferro puro.
| atr=2, -, 15, 9
| video=/images/e/e5/Franky_ts_sk1.webm
||
...
<!--Hab15-->
  nome=Emote
| icon=/images/4/4b/Icon-emote.png
| level=25
| desc=
| atr=12, -, -, -
| video=/images/e/e8/Franky_ts_emote.webm
</nowiki></nowiki></pre>
|-
| `skinsRaw` ||
{| class="wikitable" style="width:100%;"
! Campo !! Descrição
|-
| `image` || Caminho da imagem da skin (por exemplo, `/images/x/xx/Imagem.png`).
|-
| `tooltip` || Texto com HTML que será exibido ao passar o mouse na skin.
|}
<br>Use <code><nowiki><!--Skin1--></nowiki></code> antes de cada habilidade para organização.<br>Separe cada skin usando <code>||</code>.<br>Use <code><nowiki><nowiki></nowiki></code> para evitar formatação indesejada no código.
||
<pre><nowiki><nowiki>
<!--Skin1-->
  image=/images/4/48/Franky_ts_dressrosa.png
| tooltip=<b>Franky - Dressrosa</b><br>Disponível via <b>Medalhas de Valentia</b>
||
<!--Skin2-->
  image=/images/3/3d/Franky_ts_wano.png
| tooltip=<b>Franky - Wano</b><br>Evento limitado
</nowiki></nowiki></pre>
|}
=== 💡 Dicas de Uso ===
- <b>Importante:</b> Sempre envolva `habilidadesRaw` e `skinsRaw` com a tag `<nowiki>` para evitar quebras no código.<br>
- O campo `atr` nas habilidades representa atributos separados por vírgulas (Recarga, Energia, Poder PVE, Poder PVP.). Você pode deixar `-` para valores inexistentes.<br>
- O conteúdo é processado por um **Widget JavaScript** (chamado `Persona`), que transforma os dados em uma ficha visual interativa com abas.<br>
- Imagens e vídeos devem estar carregados na wiki ou apontar para URLs válidas.<br>
- O uso correto do separador `||` entre blocos de habilidades/skins é essencial.<br>
</noinclude>
<includeonly>
<includeonly>
<templatestyles src="Template:Persona/styles.css" />
<templatestyles src="Template:Persona/styles.css" />

Edição das 02h17min de 21 de julho de 2025

📘 Documentação da Predefinição `Persona`
Esta predefinição gera uma ficha interativa de personagem, conectada a um widget em JavaScript que exibe habilidades e skins de forma dinâmica.

📋 Exemplo para Copiar e Colar

{{Persona
|nome=Nome do personagem
|tier=Tier do personagem (Bronze, Prata, Ouro ou Diamante)
|classe=Classe, função ou categoria (ex: Atirador/Suporte, Lutador/DPS/Chapéu De Palha, Cortante/Especialista/Tanque, etc.)
|image=imagem.png

|hab1-nome=Nome da Habilidade 1
|hab1-icon=icon1.png
|hab1-level=Nível da habilidade
|hab1-desc=Descrição da habilidade 1
|hab1-atr=valor1, valor2, valor3, valor4
|hab1-video=video1.webm

|hab2-nome=Nome da Habilidade 2
|hab2-icon=icon2.png
|hab2-level=Nível da habilidade
|hab2-desc=Descrição da habilidade 2
|hab2-atr=valor1, valor2, valor3, valor4
|hab2-video=video2.webm
...
|hab9-nome=Nome da Habilidade 9
|hab9-icon=icon9.png
|hab9-level=Nível da habilidade
|hab9-desc=Descrição da habilidade 9
|hab9-atr=valor1, valor2, valor3, valor4
|hab9-video=video9.webm

|skin1-image=skin1.png
|skin1-banner=banner1.png
|skin1-tooltip=Pode ser obtido(a) trocando por '''Medalhas de Valentia'''

|skin2-image=skin2.png
|skin2-banner=banner2.png
|skin2-tooltip=Pode ser obtido(a) trocando por '''Gems'''
}}
Notas:

• Separe cada habilidade e cada skin com ||.
`atr`: na ordem Poder PvE, Poder PvP, Energia, Recarga. Use hífen (-) para valores vazios.
• Você pode adicionar tantas habilidades e skins quanto forem necessárias. • Para destacar texto na descrição, você pode usar (exemplo: '''Olá''').


🔧 Parâmetros Disponíveis

Parâmetro Descrição Exemplo
`nome` Nome completo do personagem. Franky (Timeskip)
`tier` Tier do personagem (ex: Bronze, Prata, Ouro, Diamante). Diamante
`classe` Função ou tipo do personagem (livre). Atirador/Tanque
`image` Imagem principal do personagem. /images/9/91/Franky_ts_splash.png
`habilidadesRaw`
Campo Descrição
`nome` Nome da habilidade.
`icon` Ícone exibido ao lado do nome.
`level` Nível em que a habilidade é desbloqueada.
`desc` Descrição da habilidade. Pode conter HTML. (Em caso de não ter deixe em branco)
`atr` Atributos no formato: Recarga, Energia, Poder PvE, Poder PvP.
`video` Caminho para o vídeo de demonstração da habilidade (Em caso de não ter deixe em branco).


Use <!--Hab1--> antes de cada habilidade para organização.
Separe as habilidades com ||.
Envolva o conteúdo com <nowiki> para evitar erro de formatação.
No campo `atr`, você só precisa inserir o valor numérico. Caso não tenha algum, apenas coloque um hífen `-`.

<nowiki>
<!--Hab1-->
  nome=Strong Hammer
| icon=/images/0/05/Frankyts_sk1.png
| level=1
| desc=Franky soca o oponente com um soco de ferro puro.
| atr=2, -, 15, 9
| video=/images/e/e5/Franky_ts_sk1.webm
||
...
<!--Hab15-->
  nome=Emote
| icon=/images/4/4b/Icon-emote.png
| level=25
| desc=
| atr=12, -, -, -
| video=/images/e/e8/Franky_ts_emote.webm
</nowiki>
`skinsRaw`
Campo Descrição
`image` Caminho da imagem da skin (por exemplo, `/images/x/xx/Imagem.png`).
`tooltip` Texto com HTML que será exibido ao passar o mouse na skin.


Use <!--Skin1--> antes de cada habilidade para organização.
Separe cada skin usando ||.
Use <nowiki> para evitar formatação indesejada no código.

<nowiki>
<!--Skin1-->
  image=/images/4/48/Franky_ts_dressrosa.png
| tooltip=<b>Franky - Dressrosa</b><br>Disponível via <b>Medalhas de Valentia</b>
||
<!--Skin2-->
  image=/images/3/3d/Franky_ts_wano.png
| tooltip=<b>Franky - Wano</b><br>Evento limitado
</nowiki>

💡 Dicas de Uso

- Importante: Sempre envolva `habilidadesRaw` e `skinsRaw` com a tag `<nowiki>` para evitar quebras no código.
- O campo `atr` nas habilidades representa atributos separados por vírgulas (Recarga, Energia, Poder PVE, Poder PVP.). Você pode deixar `-` para valores inexistentes.
- O conteúdo é processado por um **Widget JavaScript** (chamado `Persona`), que transforma os dados em uma ficha visual interativa com abas.
- Imagens e vídeos devem estar carregados na wiki ou apontar para URLs válidas.
- O uso correto do separador `||` entre blocos de habilidades/skins é essencial.