Difference between revisions of "Template:NPCs"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
| − | <div class="npc | + | <div class="mainpage-contents tile-row npc-container"> |
{{{1|}}} | {{{1|}}} | ||
{{{2|}}} | {{{2|}}} | ||
| Line 21: | Line 21: | ||
</div> | </div> | ||
<style> | <style> | ||
| − | .npc | + | .npc-container { |
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
| − | |||
| − | |||
} | } | ||
| − | .npc | + | .npc-container > .mainpage-contents.tile-row { |
| − | + | flex: 0 0 auto; | |
| − | margin: | + | margin: 0 0.9rem 0.9rem 0; |
| − | + | min-width: 150px; | |
| − | + | max-width: 200px; | |
| + | width: auto; | ||
| + | display: block; /* Garante que cada NPC seja tratado como um bloco único */ | ||
} | } | ||
| − | + | .npc-container > .mainpage-contents.tile-row > .contents-equipment.tile-halves { | |
| − | .npc- | + | margin-right: 0; |
width: 100%; | width: 100%; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
</style> | </style> | ||
__NOTOC__ | __NOTOC__ | ||
</includeonly><noinclude> | </includeonly><noinclude> | ||
| − | Este template serve como um contêiner para exibir vários NPCs lado a lado | + | Este template serve como um contêiner para exibir vários NPCs lado a lado. |
Use-o da seguinte forma: | Use-o da seguinte forma: | ||
{{NPCs| | {{NPCs| | ||
| Line 64: | Line 50: | ||
{{NPC|Weapon_shop.gif|weapon-shop|Weapon Shop|Armas Poderosas}} | {{NPC|Weapon_shop.gif|weapon-shop|Weapon Shop|Armas Poderosas}} | ||
}} | }} | ||
| − | + | Você pode adicionar até 18 NPCs no mesmo contêiner. Eles serão exibidos lado a lado até o limite da tela e depois continuarão na próxima linha. | |
[[Categoria: Predefinições]] | [[Categoria: Predefinições]] | ||
</noinclude> | </noinclude> | ||
Revision as of 13:25, 2 May 2025
Este template serve como um contêiner para exibir vários NPCs lado a lado. Use-o da seguinte forma:
<style> .npc-container {
display: flex; flex-wrap: wrap; justify-content: flex-start;
}
.npc-container > .mainpage-contents.tile-row {
flex: 0 0 auto; margin: 0 0.9rem 0.9rem 0; min-width: 150px; max-width: 200px; width: auto; display: block; /* Garante que cada NPC seja tratado como um bloco único */
}
.npc-container > .mainpage-contents.tile-row > .contents-equipment.tile-halves {
margin-right: 0; width: 100%;
} </style>
Você pode adicionar até 18 NPCs no mesmo contêiner. Eles serão exibidos lado a lado até o limite da tela e depois continuarão na próxima linha.
Categoria: Predefinições