Difference between revisions of "Template:NPCs"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
| − | <div class=" | + | <div class="npc-grid-container"> |
{{{1|}}} | {{{1|}}} | ||
{{{2|}}} | {{{2|}}} | ||
| Line 19: | Line 19: | ||
{{{17|}}} | {{{17|}}} | ||
{{{18|}}} | {{{18|}}} | ||
| − | </div>__NOTOC__ | + | </div> |
| + | <style> | ||
| + | .npc-grid-container { | ||
| + | display: grid; | ||
| + | grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); | ||
| + | gap: 10px; | ||
| + | justify-items: center; | ||
| + | } | ||
| + | |||
| + | .npc-grid-container .mainpage-contents.tile-row { | ||
| + | width: 150px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | .npc-grid-container .contents-equipment.tile-halves { | ||
| + | width: 100%; | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | align-items: center; | ||
| + | } | ||
| + | |||
| + | .npc-grid-container .tile-image { | ||
| + | display: flex; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | |||
| + | .npc-grid-container .tile-bottom { | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | </style> | ||
| + | __NOTOC__ | ||
</includeonly><noinclude> | </includeonly><noinclude> | ||
| − | Este template serve como um contêiner para exibir vários NPCs | + | Este template serve como um contêiner para exibir vários NPCs em uma grid alinhada. |
| − | |||
Use-o da seguinte forma: | Use-o da seguinte forma: | ||
{{NPCs| | {{NPCs| | ||
| Line 29: | Line 59: | ||
{{NPC|Weapon_shop.gif|weapon-shop|Weapon Shop|Armas Poderosas}} | {{NPC|Weapon_shop.gif|weapon-shop|Weapon Shop|Armas Poderosas}} | ||
}} | }} | ||
| − | + | Certifique-se de separar cada {{NPC}} com um pipe (|) e não adicionar pipe após o último NPC. | |
| − | |||
| − | |||
[[Categoria: Predefinições]] | [[Categoria: Predefinições]] | ||
</noinclude> | </noinclude> | ||
Revision as of 13:18, 2 May 2025
Este template serve como um contêiner para exibir vários NPCs em uma grid alinhada. Use-o da seguinte forma:
<style> .npc-grid-container {
display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; justify-items: center;
}
.npc-grid-container .mainpage-contents.tile-row {
width: 150px; margin: 0;
}
.npc-grid-container .contents-equipment.tile-halves {
width: 100%; display: flex; flex-direction: column; align-items: center;
}
.npc-grid-container .tile-image {
display: flex; justify-content: center;
}
.npc-grid-container .tile-bottom {
text-align: center; width: 100%;
} </style>
Certifique-se de separar cada
com um pipe (|) e não adicionar pipe após o último NPC.