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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 38: Linha 38:
|skin2-image=skin2.png
|skin2-image=skin2.png
|skin2-banner=banner2.png
|skin2-banner=banner2.png
|skin2-tooltip=Pode ser obtido(a) trocando por '''Gems'''
|skin2-tooltip='''Skin'''<br>Pode ser obtido(a) trocando por '''Gems'''
}}
}}
</pre>
</pre>


<div><b>Notas:</b><br>
<div><b>Notas:</b><br>
Separe cada habilidade e cada skin com <code>||</code>.<br>
Lembre-se de seguir a estrutura indicada no exemplo.
• <code>`atr`</code>: na ordem <b>Poder PvE, Poder PvP, Energia, Recarga</b>. Use hífen (-) para valores vazios.<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.
• Você pode adicionar tantas habilidades e skins quanto forem necessárias, e para fazer quebras de linha, basta colocar <br> no meio da descrição ou do tooltip..
• Para destacar texto na descrição, você pode usar (exemplo: <nowiki>'''Olá'''</nowiki>).
• Para destacar texto na descrição ou tooltip, você pode usar (exemplo: <nowiki>'''Olá'''</nowiki>).
</div><br>
</div><br>


Linha 58: Linha 58:
| `tier` || Tier do personagem (ex: Bronze, Prata, Ouro, Diamante). || Diamante
| `tier` || Tier do personagem (ex: Bronze, Prata, Ouro, Diamante). || Diamante
|-
|-
| `classe` || Função ou tipo do personagem (livre). || Atirador/Tanque
| `classe` || Função ou tipo do personagem (livre). || Atirador/Tanque/Shichibukai
|-
|-
| `image` || Imagem principal do personagem. || /images/9/91/Franky_ts_splash.png
| `image` || Imagem principal do personagem. || Franky_ts_splash.png
|-
|-
| `habilidadesRaw` ||  
| `habX-nome` || Nome da habilidade. || Strong Hammer
{| class="wikitable" style="width:100%;"
! Campo !! Descrição
|-
|-
| `nome` || Nome da habilidade.
| `habX-icon` || Ícone exibido ao lado do nome. || Frankyts_sk1.png
|-
|-
| `icon` || Ícone exibido ao lado do nome.
| `habX-level` || Nível em que a habilidade é desbloqueada. || 1
|-
|-
| `level` || Nível em que a habilidade é desbloqueada.
| `habX-desc` || Descrição da habilidade. (Em caso de não ter deixe em branco) || Franky soca o oponente com um soco de ferro puro.
|-
|-
| `desc` || Descrição da habilidade. Pode conter HTML. (Em caso de não ter deixe em branco)
| `habX-atr` || Atributos no formato: Poder PvE, Poder PvP, Energia, Recarga. || 15, 9, -, 2
|-
|-
| `atr` || Atributos no formato: Recarga, Energia, Poder PvE, Poder PvP.
| `habX-video` || O vídeo de demonstração da habilidade (Em caso de não ter deixe em branco). || Franky_ts_sk1.webm
|-
| `skinX-image` || Nome da imagem da skin || Franky_ts_dressrosa.png
|-
|-
| `video` || Caminho para o vídeo de demonstração da habilidade (Em caso de não ter deixe em branco).
| `skinX-Banner` || Nome da banner da skin || Frankyts_dressrosa_banner.png
|}
<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` ||
| `skinX-tooltip` || Texto que será exibido ao passar o mouse na skin. || '''Franky - Dressrosa'''\nPode ser obtido(a) trocando por '''Medalhas de Valentia'''
{| 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 ===
=== 💡 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 (Poder PVE, Poder PVP, Energia, Recarga.). Você pode deixar `-` para valores inexistentes.<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 **Módulo Lua** (chamado `Persona`) e **Widget JavaScript** (chamado `Persona`), que transforma os dados em uma ficha visual interativa com abas.<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.<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>
</noinclude>
<includeonly>
<includeonly>

Edição das 03h29min 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='''Skin'''<br>Pode ser obtido(a) trocando por '''Gems'''
}}
Notas:

• Lembre-se de seguir a estrutura indicada no exemplo. • `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, e para fazer quebras de linha, basta colocar
no meio da descrição ou do tooltip.. • Para destacar texto na descrição ou tooltip, 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/Shichibukai
`image` Imagem principal do personagem. Franky_ts_splash.png
`habX-nome` Nome da habilidade. Strong Hammer
`habX-icon` Ícone exibido ao lado do nome. Frankyts_sk1.png
`habX-level` Nível em que a habilidade é desbloqueada. 1
`habX-desc` Descrição da habilidade. (Em caso de não ter deixe em branco) Franky soca o oponente com um soco de ferro puro.
`habX-atr` Atributos no formato: Poder PvE, Poder PvP, Energia, Recarga. 15, 9, -, 2
`habX-video` O vídeo de demonstração da habilidade (Em caso de não ter deixe em branco). Franky_ts_sk1.webm
`skinX-image` Nome da imagem da skin Franky_ts_dressrosa.png
`skinX-Banner` Nome da banner da skin Frankyts_dressrosa_banner.png
`skinX-tooltip` Texto que será exibido ao passar o mouse na skin. Franky - Dressrosa\nPode ser obtido(a) trocando por Medalhas de Valentia

💡 Dicas de Uso

- O campo `atr` nas habilidades representa atributos separados por vírgulas (Poder PVE, Poder PVP, Energia, Recarga.). Você pode deixar `-` para valores inexistentes.
- O conteúdo é processado por um **Módulo Lua** (chamado `Persona`) e **Widget JavaScript** (chamado `Persona`), que transforma os dados em uma ficha visual interativa com abas.
- Imagens e vídeos devem estar carregados na wiki.