Mudanças entre as edições de "Predefinição:Droflax"
| 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'''
}}
• 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` |
|
<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` |
|
<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.