Mudanças entre as edições de "Usuário:Edynhooo"
Ir para navegação
Ir para pesquisar
Etiqueta: Reversão manual |
|||
| Linha 4: | Linha 4: | ||
<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;"> | ||
<h1 style="font-size: 2.2em; font-weight: 700; color: #333; margin: 0 0 5px 0;">Índice de Itens e Equipamentos</h1> | |||
<p style="font-size: 1.1em; color: #666; margin: 0;">Navegue pelas categorias de itens, equipamentos de personagem e partes de navio.</p> | |||
</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 style="max-width: 1000px; margin: 0 auto; padding: 0 10px; display: flex; flex-wrap: wrap; gap: 20px; width: 100%; box-sizing: border-box;"> | ||
<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;">Equipamentos</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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px; ">[[Arquivo:Bandana de Bandido2.png|100px|link=Cabeça]]</div> | |||
<div style="font-size: 1.2em;">[[Cabeça]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Camisa de Bandido2.png|100px|link=Corpo]]</div> | |||
<div style="font-size: 1.2em;">[[Corpo]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Calça de Bandido2.png|100px|link=Pernas]]</div> | |||
<div style="font-size: 1.2em;">[[Pernas]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Sabre Velho2.png|100px|link=Arma]]</div> | |||
<div style="font-size: 1.2em;">[[Arma]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Emblema do chapéu de palha2.png|100px|link=Emblema]]</div> | |||
<div style="font-size: 1.2em;">[[Emblema]]</div> | |||
</div> | |||
<div style="width: 33.33%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Colar Antigo2.png|100px|link=Acessório]]</div> | |||
<div style="font-size: 1.2em;">[[Acessório]]</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: #DAA520; color: white; padding: 12px 15px;">Itens Valiosos</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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<div style="margin-bottom: 5px;">[[Arquivo:Item charakey2.png|60px|link=Especiais]]</div> | |||
<div style="font-size: 1.2em;">[[Chave]]</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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<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 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: 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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<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%; box-sizing: border-box; margin-bottom: 20px;"> | |||
<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> ``` | |||
</div> | |||
Você notou que, ao usar esse código original, ele não tem o efeito de **hover** que você havia implementado com os widgets? | |||
Se você quiser o efeito de hover de volta, podemos aplicá-lo ao **Código Original Corrigido** usando o método **CSS Global (`<templatestyles>`)**, que é muito mais eficiente do que colocar todo o CSS inline. Gostaria de adicionar o hover de volta usando esse método? | |||
Edição das 22h36min de 11 de outubro de 2025
Índice de Itens e Equipamentos
Navegue pelas categorias de itens, equipamentos de personagem e partes de navio.
```
Você notou que, ao usar esse código original, ele não tem o efeito de **hover** que você havia implementado com os widgets?
Se você quiser o efeito de hover de volta, podemos aplicá-lo ao **Código Original Corrigido** usando o método **CSS Global (`<templatestyles>`)**, que é muito mais eficiente do que colocar todo o CSS inline. Gostaria de adicionar o hover de volta usando esse método?