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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 12: Linha 12:
     <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;">
     <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;">


         <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;">
         {{Predefinição:ItemCategory
            <div style="text-align: left; font-size: 1.4em; font-weight: 600; background: #3498db; color: white; padding: 12px 15px;">Equipamentos</div>
        |title=Equipamentos
           
        |header_color=#3498db
            <div style="padding: 15px 10px 5px 10px; text-align: center;">
        |content=
               
<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=Cabeça|image=Bandana de Bandido2.png|label=Cabeça|color=#3498db}}
                   
</div>
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box; background-color: #f0f0f0; border: 2px solid white;">
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="margin-bottom: 5px; ">[[Arquivo:Bandana de Bandido2.png|100px|link=Cabeça]]</div>
    {{#widget:ItemButton|page=Corpo|image=Camisa de Bandido2.png|label=Corpo|color=#3498db}}
                        <div style="font-size: 1.2em;">[[Cabeça]]</div>
</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 style="width: 33.33%; padding: 10px 0; box-sizing: border-box; background-color: #f0f0f0; border: 2px solid white;">
</div>
                        <div style="margin-bottom: 5px;">[[Arquivo:Camisa de Bandido2.png|100px|link=Corpo]]</div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="font-size: 1.2em;">[[Corpo]]</div>
    {{#widget:ItemButton|page=Arma|image=Sabre Velho2.png|label=Arma|color=#3498db}}
                    </div>
</div>
                   
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box; background-color: #f0f0f0; border: 2px solid white;">
    {{#widget:ItemButton|page=Emblema|image=Emblema do chapéu de palha2.png|label=Emblema|color=#3498db}}
                        <div style="margin-bottom: 5px;">[[Arquivo:Calça de Bandido2.png|100px|link=Pernas]]</div>
</div>
                        <div style="font-size: 1.2em;">[[Pernas]]</div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                    </div>
    {{#widget:ItemButton|page=Acessório|image=Colar Antigo2.png|label=Acessório|color=#3498db}}
</div>
        }}


                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box; background-color: #f0f0f0; border: 2px solid white;">
        {{Predefinição:ItemCategory
                        <div style="margin-bottom: 5px;">[[Arquivo:Sabre Velho2.png|100px|link=Arma]]</div>
        |title=Itens Valiosos
                        <div style="font-size: 1.2em;">[[Arma]]</div>
        |header_color=#DAA520
                    </div>
        |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;">


                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box; background-color: #f0f0f0; border: 2px solid white;">
        {{Predefinição:ItemCategory
                        <div style="margin-bottom: 5px;">[[Arquivo:Emblema do chapéu de palha2.png|100px|link=Emblema]]</div>
        |title=Navegação
                        <div style="font-size: 1.2em;">[[Emblema]]</div>
        |header_color=#3498db
                    </div>
        |content=
                   
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box; background-color: #f0f0f0; border: 2px solid white;">
    {{#widget:ItemButton|page=Armas_(Navio)|image=Canhão nv1.2.png|label=Armas|color=#3498db}}
                        <div style="margin-bottom: 5px;">[[Arquivo:Colar Antigo2.png|100px|link=Acessório]]</div>
</div>
                        <div style="font-size: 1.2em;">[[Acessório]]</div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                    </div>
    {{#widget:ItemButton|page=Casco_(Navio)|image=Casco nv1.2.png|label=Casco|color=#3498db}}
                   
</div>
                </div>
<div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
            </div>
    {{#widget:ItemButton|page=Vela_(Navio)|image=Vela nv1.2.png|label=Vela|color=#3498db}}
         </div>
</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>
         }}


         <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;">
         {{Predefinição:ItemCategory
            <div style="text-align: left; font-size: 1.4em; font-weight: 600; background: #DAA520; color: white; padding: 12px 15px;">Itens Valiosos</div>
        |title=Consumíveis
           
        |header_color=#27ae60
            <div style="padding: 15px 10px 5px 10px; text-align: center;">
        |content=
                <div style="display: flex; flex-wrap: wrap; justify-content: space-around;">
<div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
 
     {{#widget:ItemButton|page=Comidas|image=Leg meat2.png|label=Comidas|color=#27ae60}}
                    <div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
</div>
                        <div style="margin-bottom: 5px;">[[Arquivo:Item charakey2.png|60px|link=Especiais]]</div>
<div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
                        <div style="font-size: 1.2em;">[[Chave]]</div>
    {{#widget:ItemButton|page=Curativos|image=Bandage2.png|label=Curativos|color=#27ae60}}
                    </div>
</div>
                   
        }}
                </div>
    </div> </div> ```
            </div>
        </div>
    </div>
 
     <div style="flex: 1; min-width: 45%; display: flex; flex-direction: column;">
 
        <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: left; font-size: 1.4em; font-weight: 600; background: #3498db; color: white; padding: 12px 15px;">Navegação</div>
           
            <div style="padding: 15px 10px 5px 10px; text-align: center;">
                <div style="display: flex; flex-wrap: wrap; justify-content: space-around;">
 
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Canhão nv1.2.png|60px|link=Armas (Navio)]]</div>
                        <div style="font-size: 1.2em;">[[Armas (Navio)]]</div>
                    </div>
 
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Casco nv1.2.png|60px|link=Casco (Navio)]]</div>
                        <div style="font-size: 1.2em;">[[Casco (Navio)]]</div>
                    </div>
                   
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Vela nv1.2.png|60px|link=Vela (Navio)]]</div>
                        <div style="font-size: 1.2em;">[[Vela (Navio)]]</div>
                    </div>
                   
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Founder s Merry.png|60px|link=Skins (Navio)]]</div>
                        <div style="font-size: 1.2em;">[[Skins (Navio)]]</div>
                    </div>
 
                    <div style="width: 33.33%; padding: 10px 0; box-sizing: border-box;">
                        <div style="margin-bottom: 5px;">[[Arquivo:Repair kit 1.2.png|60px|link=Kit de Reparos]]</div>
                        <div style="font-size: 1.2em;">[[Kit de Reparos]]</div>
                    </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: left; 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;">


                    <div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
Com este código, sua página de itens estará **totalmente funcional**, **organizada** e com os **efeitos visuais** que você queria!
                        <div style="margin-bottom: 5px;">[[Arquivo:Leg meat2.png|60px|link=Comidas]]</div>
                        <div style="font-size: 1.2em;">[[Comidas]]</div>
                    </div>


                    <div style="width: 50%; padding: 10px 0; box-sizing: border-box;">
Se você tiver algum problema com o alinhamento ou precisar de qualquer ajuste fino nas cores ou tamanhos, é só me dizer!
                        <div style="margin-bottom: 5px;">[[Arquivo:Bandage2.png|60px|link=Curativos]]</div>
                        <div style="font-size: 1.2em;">[[Curativos]]</div>
                    </div>
 
                </div>
            </div>
        </div>
    </div>
</div>

Edição das 22h13min de 11 de outubro de 2025


Itens Banner.png

Índice de Itens e Equipamentos

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

Equipamentos
   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
Itens Valiosos
   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
Navegação
   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
Consumíveis
   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}
    

 


   

 

    
    
    

        [[Arquivo:{{image}}|60px|semlink]]
    

    
    

        {{label}}

```

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!

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