Mudanças entre as edições de "Usuário:Edynhooo"

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(154 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<templatestyles src="Predefinição:ItemButton/styles.css" />
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
[[Arquivo:Itens Banner.png|centro|semmoldura|700px|link=]]


<div style="text-align: center; max-width: 1000px; margin: 15px auto 30px auto;">
<div style="text-align: center; max-width: 1000px; margin: 15px auto 30px auto;">
Linha 8: Linha 7:
</div>
</div>


<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="container-principal" >
 
    <div class="coluna-flex">
 
        <div class="caixa-categoria">
            <div class="titulo-categoria" style="background: #3498db;">Equipamentos</div>
           
            <div style="padding: 10px 10px 5px 10px; text-align: center;">
               
                <div class="itens-linha">
                   
                    <div class="item-celula" >
                        <div class="item-botao">[[Arquivo:Pirate Explore's Hat.png|70px|link=Cabeça]]</div>
                        <div style="font-size: 1.2em;">[[Cabeça]]</div>
                    </div>
                   
                    <div class="item-celula">
                        <div class="item-botao">[[Arquivo:Pirate Explore's Shirt.png|70px|link=Corpo"]]</div>
                        <div style="font-size: 1.2em;">[[Corpo]]</div>
                    </div>
                   
                    <div class="item-celula" >
                        <div class="item-botao">[[Arquivo:Pirate Explore's Pants.png|70px|link=Pernas]]</div>
                        <div style="font-size: 1.2em;">[[Pernas]]</div>
                    </div>


    <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;">
                    <div class="item-celula">
                        <div class="item-botao">[[Arquivo:Pirate Explore's Saber.png|70px|link=Arma]]</div>
                        <div style="font-size: 1.2em;">[[Arma]]</div>
                    </div>


        {{Predefinição:ItemCategory
                    <div class="item-celula">
        |title=Equipamentos
                        <div class="item-botao">[[Arquivo:Pirate Explore's Emblem.png|70px|link=Emblema]]</div>
        |header_color=#3498db
                        <div style="font-size: 1.2em;">[[Emblema]]</div>
        |content=
                    </div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                   
    {{#widget:ItemButton|page=Cabeça|image=Bandana de Bandido2.png|label=Cabeça|color=#3498db}}
                    <div class="item-celula">
</div>
                        <div class="item-botao">[[Arquivo:Pirate Explore's Necklace.png|70px|link=Acessório]]</div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="font-size: 1.2em;">[[Acessório]]</div>
    {{#widget:ItemButton|page=Corpo|image=Camisa de Bandido2.png|label=Corpo|color=#3498db}}
                    </div>
</div>
                   
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                </div>
    {{#widget:ItemButton|page=Pernas|image=Calça de Bandido2.png|label=Pernas|color=#3498db}}
            </div>
</div>
        </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="border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 20px; background: #fff;">
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
            <div style="text-align: center; font-size: 1.4em; font-weight: 600; background: #DAA520; color: white; padding: 12px 15px;">Itens Valiosos</div>
    {{#widget:ItemButton|page=Emblema|image=Emblema do chapéu de palha2.png|label=Emblema|color=#3498db}}
           
</div>
            <div style="padding: 15px 10px 5px 10px; text-align: center;">
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                <div style="display: flex; flex-wrap: wrap; justify-content: space-around;">
    {{#widget:ItemButton|page=Acessório|image=Colar Antigo2.png|label=Acessório|color=#3498db}}
</div>
        }}


        {{Predefinição:ItemCategory
                    <div style="width: 50%; box-sizing: border-box; margin-bottom: 20px;">
        |title=Itens Valiosos
                        <div style="margin-bottom: 5px;">[[Arquivo:Item charakey2.png|100px|link=Especiais]]</div>
        |header_color=#DAA520
                        <div style="font-size: 1.2em;">[[Especiais]]</div>
        |content=
                    </div>
<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>
         }}
         </div>
     </div> <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;">
     </div> <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;">


         {{Predefinição:ItemCategory
         <div style="border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 20px; background: #fff;">
        |title=Navegação
            <div style="text-align: center; font-size: 1.4em; font-weight: 600; background: #3498db; color: white; padding: 12px 15px;">Navegação</div>
        |header_color=#3498db
           
        |content=
            <div style="padding: 15px 10px 5px 10px; text-align: center;">
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                <div style="display: flex; flex-wrap: wrap; justify-content: space-around;">
    {{#widget:ItemButton|page=Armas_(Navio)|image=Canhão nv1.2.png|label=Armas|color=#3498db}}
 
</div>
                    <div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;">
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Canhão nv1.2.png|100px|link=Armas (Navio)]]</div>
    {{#widget:ItemButton|page=Casco_(Navio)|image=Casco nv1.2.png|label=Casco|color=#3498db}}
                        <div style="font-size: 1.2em;">[[Armas (Navio)]]</div>
</div>
                    </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 style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;">
</div>
                        <div style="margin-bottom: 5px;">[[Arquivo:Casco nv1.2.png|100px|link=Casco (Navio)]]</div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="font-size: 1.2em;">[[Casco (Navio)]]</div>
    {{#widget:ItemButton|page=Skins_(Navio)|image=Founder s Merry.png|label=Skins|color=#3498db}}
                    </div>
</div>
                   
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                    <div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;">
    {{#widget:ItemButton|page=Kit_de_Reparos|image=Repair kit 1.2.png|label=Kit de Reparos|color=#3498db}}
                        <div style="margin-bottom: 5px;">[[Arquivo:Vela nv1.2.png|100px|link=Vela (Navio)]]</div>
</div>
                        <div style="font-size: 1.2em;">[[Vela (Navio)]]</div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;"></div>
                    </div>
         }}
                   
                    <div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Founder s Merry.png|100px|link=Skins (Navio)]]</div>
                        <div style="font-size: 1.2em;">[[Skins (Navio)]]</div>
                    </div>
 
                    <div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Repair kit 1.2.png|100px|link=Kit de Reparos]]</div>
                        <div style="font-size: 1.2em;">[[Kit de Reparos]]</div>
                    </div>
 
                    <div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"></div>
 
                </div>
            </div>
        </div>
 
         <div style="border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 20px; background: #fff;">
            <div style="text-align: center; font-size: 1.4em; font-weight: 600; background: #27ae60; color: white; padding: 12px 15px;">Consumíveis</div>
           
            <div style="padding: 15px 10px 5px 10px; text-align: center;">
                <div style="display: flex; flex-wrap: wrap; justify-content: space-around;">


        {{Predefinição:ItemCategory
                    <div style="width: 50%; box-sizing: border-box; margin-bottom: 20px;">
        |title=Consumíveis
                        <div style="margin-bottom: 5px;">[[Arquivo:Leg meat2.png|100px|link=Comidas]]</div>
        |header_color=#27ae60
                        <div style="font-size: 1.2em;">[[Comidas]]</div>
        |content=
                    </div>
<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!
                    <div style="width: 50%; box-sizing: border-box; margin-bottom: 20px;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Bandage2.png|100px|link=Curativos]]</div>
                        <div style="font-size: 1.2em;">[[Curativos]]</div>
                    </div>


Se você tiver algum problema com o alinhamento ou precisar de qualquer ajuste fino nas cores ou tamanhos, é só me dizer!
                </div>
            </div>
        </div>
    </div>
</div>

Edição atual tal como às 21h35min de 15 de outubro de 2025


Índice de Itens e Equipamentos

Navegue pelas categorias de itens, equipamentos de personagem e partes de navio.

Equipamentos


Itens Valiosos
Disponível em “https://wiki.gla.com.br/index.php?title=Usuário:Edynhooo&oldid=40395”