|
|
| (322 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) |
| Linha 1: |
Linha 1: |
| {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} | | {{#widget:BossActions}} |
|
| |
|
| [[Arquivo:Itens Banner.png|centro|semmoldura|700px|link=]] | | <div class="boss-main-wrapper"> |
| | {{#widget:opendiv|class=d-flex flex-wrap gap-3}} |
| | <div class="boss-card-item" style="width: 300px;"> |
| | <div class="boss-card-title">Boss</div> |
| | <div style="padding: 10px; text-align: center;">[[Arquivo:Sprite-Boss.png|200px]]</div> |
| | </div> |
| | |
| | <div class="boss-card-item" style="flex: 1;"> |
| | <div class="boss-card-title">Informações</div> |
| | <div class="boss-scroll-box"> |
| | * Dica 1: Use tal elemento. |
| | * Dica 2: Cuidado com a fase 2. |
| | </div> |
| | </div> |
| | {{#widget:closediv}} |
|
| |
|
| <div style="text-align: center; max-width: 1000px; margin: 15px auto 30px auto;"> | | <tabber> |
| <h1 style="font-size: 2.2em; font-weight: 700; color: #333; margin: 0 0 5px 0;">Índice de Itens e Equipamentos</h1>
| | Habilidades= |
| <p style="font-size: 1.1em; color: #666; margin: 0;">Navegue pelas categorias de itens, equipamentos de personagem e partes de navio.</p>
| | {{BossSkills|module=Mihawk}} |-| |
| </div> | | Fases= |
| | | <div class="boss-grid-container"> |
| <div style="max-width: 1000px; margin: 0 auto; padding: 0 10px; display: flex; flex-wrap: wrap; gap: 20px; width: 100%; box-sizing: border-box;"> | | <div class=" boss- card- item"> |
| | | <div class="boss-card-header" style="background: green;"></div> |
| <div style=" flex: 1; min-width: 45%; display: flex; flex-direction: column;"> | | <div class="boss-card-title">Fase 1</div> |
| | <div style="padding: 15px;">Explicação da fase aqui...</div> |
| | </div> |
| | |
| | <div class="boss-card-item"> |
| | <div class=" boss- card- header" style="background: orange; "></div> |
| | <div class="boss-card-title">Fase 2</div> |
| | <div style=" padding: 15px;" >Explicação da fase aqui...</div> |
| | </div> |
| | </div> |
|
| |
|
| {{Predefinição:ItemCategory
| | |-| |
| |title=Equipamentos
| | Personagens= |
| |header_color=#3498db
| | <div class="boss-grid-container"> |
| |content= | | <div class="boss-card-item"> |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;"> | | <div class=" boss- card- title"> Tank Recomendado</div> |
| {{#widget:ItemButton|page=Cabeça|image=Bandana de Bandido2.png|label=Cabeça|color=#3498db}}
| | <div style="padding: 5px;"> [[Arquivo: Card-Personagem.png| thumb|center| 200px]]</div> |
| </div> | | </div> |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;"> | | </div> |
| {{#widget:ItemButton|page=Corpo|image=Camisa de Bandido2.png|label=Corpo|color=#3498db}}
| | </tabber> |
| </div> | | </div> |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Pernas|image=Calça de Bandido2.png|label=Pernas|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Arma|image=Sabre Velho2.png|label=Arma|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Emblema|image=Emblema do chapéu de palha2.png|label=Emblema|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Acessório|image=Colar Antigo2.png|label=Acessório|color=#3498db}}
| |
| </div>
| |
| }}
| |
|
| |
| {{Predefinição:ItemCategory
| |
| |title=Itens Valiosos
| |
| |header_color=#DAA520
| |
| |content=
| |
| <div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Especiais|image=Item charakey2.png|label=Chave|color=#DAA520}}
| |
| </div>
| |
| }}
| |
| </div> <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;">
| |
|
| |
| {{Predefinição:ItemCategory
| |
| |title=Navegação
| |
| |header_color=#3498db
| |
| |content=
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Armas_(Navio)|image=Canhão nv1.2.png|label=Armas|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Casco_(Navio)|image=Casco nv1.2.png|label=Casco|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Vela_(Navio)|image=Vela nv1.2.png|label=Vela|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Skins_(Navio)|image=Founder s Merry.png|label=Skins|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Kit_de_Reparos|image=Repair kit 1.2.png|label=Kit de Reparos|color=#3498db}}
| |
| </div>
| |
| <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;"></div>
| |
| }}
| |
|
| |
| {{Predefinição:ItemCategory
| |
| |title=Consumíveis
| |
| |header_color=#27ae60
| |
| |content=
| |
| <div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Comidas|image=Leg meat2.png|label=Comidas|color=#27ae60}}
| |
| </div>
| |
| <div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
| |
| {{#widget:ItemButton|page=Curativos|image=Bandage2.png|label=Curativos|color=#27ae60}}
| |
| </div>
| |
| }}
| |
| </div> </div> ```
| |
|
| |
| Com este código, sua página de itens estará **totalmente funcional**, **organizada** e com os **efeitos visuais** que você queria!
| |
|
| |
| Se você tiver algum problema com o alinhamento ou precisar de qualquer ajuste fino nas cores ou tamanhos, é só me dizer!
| |
