Vorlage:MainMenuNpc: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(47 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* ========================================
<templatestyles src="Vorlage:MainMenuNpc/styles.css" />
  CSS - In MediaWiki:Common.css einfügen
<div class="npc-grid-container">
  ======================================== */


.npc-grid-container {
<div class="npc-category">[[File:GeneralIcon.png|24px]] Life Skills</div>
  max-width: 1200px;
<div class="npc-grid">
  margin: 0 auto;
 
}
<!-- 1. Reihe: Gameplay / RPG / Stardew Valley / Terraria Features + Bonus -->
<div class="npc-box">
<div class="npc-image">[[File:FishingIcon.png|64px|link=Fishing]]</div>
<div class="npc-name">Fishing</div>
</div>
 
<div class="npc-box">
<div class="npc-image">[[File:MiningIcon.png|64px|link=Mining]]</div>
<div class="npc-name">Mining</div>
</div>
 
<div class="npc-box">
<div class="npc-image">[[File:ChoppingIcon.png|64px|link=Chopping]]</div>
<div class="npc-name">Chopping</div>
</div>
 
<div class="npc-box">
<div class="npc-image">[[File:CraftingIcon.png|64px|link=Crafting]]</div>
<div class="npc-name">Crafting</div>
</div>
 
<div class="npc-box">
<div class="npc-image">[[File:AlchemyIcon.png|64px|link=Alchemy]]</div>
<div class="npc-name">Alchemy</div>
</div>


.npc-category {
<div class="npc-box">
  font-size: 1.3em;
<div class="npc-image">[[File:CookingIcon.png|64px|link=Cooking]]</div>
  font-weight: 600;
<div class="npc-name">Cooking</div>
  margin: 2em 0 0.8em 0;
</div>
  color: #202122;
  border-bottom: 1px solid #a2a9b1;
  padding-bottom: 0.3em;
}


.npc-category:first-child {
<div class="npc-box">
  margin-top: 0;
<div class="npc-image">[[File:FarmingIcon.png|64px|link=Farming]]</div>
}
<div class="npc-name">Farming</div>
</div>


.npc-grid {
<div class="npc-box">
  display: grid;
<div class="npc-image">[[File:CatchingIcon.png|64px|link=Catching]]</div>
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
<div class="npc-name">Catching</div>
  gap: 1em;
</div>
  margin-bottom: 2em;
}


.npc-box {
</div>
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #202122;
}


.npc-box:hover {
<div class="npc-category">[[File:ContentIcon.png|24px]] Features & Systems</div>
  opacity: 0.7;
<div class="npc-grid">
}


.npc-image {
<div class="npc-box">
  width: 48px;
<div class="npc-image">[[File:MonstersIcon.png|64px|link=Pets]]</div>
  height: 48px;
<div class="npc-name">Monsters</div>
  background: #eaecf0;
</div>
  border: 1px solid #a2a9b1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4em;
}


.npc-image img,
<div class="npc-box">
.npc-image .image img {
<div class="npc-image">[[File:PetsIcon.png|64px|link=Pets]]</div>
  max-width: 100%;
<div class="npc-name">Pets</div>
  max-height: 100%;
</div>
  image-rendering: pixelated;
}


.npc-name {
<div class="npc-box">
  font-size: 0.85em;
<div class="npc-image">[[File:MechaIcon.png|64px|link=MechaBuild]]</div>
  text-align: center;
<div class="npc-name">Mecha Build</div>
  line-height: 1.3;
</div>
  color: #202122;
  height: 2.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}


<div class="npc-box">
<div class="npc-image">[[File:ElementsIcon.png|64px|link=Elements]]</div>
<div class="npc-name">Elements</div>
</div>


/* ========================================
<div class="npc-box">
  TEMPLATE: NPC Box
<div class="npc-image">[[File:SkillTreeIcon.png|64px|link=Skills]]</div>
  Erstelle: Template:NPC_Box
<div class="npc-name">Skills</div>
  ======================================== */
</div>


<includeonly>[[{{{link|{{{name}}}}}}|<div class="npc-box">
<div class="npc-box">
<div class="npc-image">[[Datei:{{{image|{{{name}}}.png}}}|48px]]</div>
<div class="npc-image">[[File:LevelingIcon.png|64px|link=Leveling]]</div>
<div class="npc-name">{{{name}}}</div>
<div class="npc-name">Leveling</div>
</div>]]</includeonly><noinclude>
</div>
== Verwendung ==
<pre>
{{NPC Box
|name=Angler
|image=Angler.png
|link=Angler (optional)
}}
</pre>
[[Kategorie:Vorlagen]]
</noinclude>


<div class="npc-box">
<div class="npc-image">[[File:MoneyintheBank.png|64px|link=MoneyintheBank]]</div>
<div class="npc-name">Gatcha</div>
</div>


/* ========================================
<div class="npc-box">
  TEMPLATE: NPC Grid
<div class="npc-image">[[File:MonsterCards.png|64px|link=MonsterCards]]</div>
  Erstelle: Template:NPC_Grid
<div class="npc-name">Monster Cards</div>
  ======================================== */
</div>


<includeonly><div class="npc-grid-container">
</div>


<div class="npc-category">Pre-Hardmode</div>
<div class="npc-category">[[File:ContentIcon.png|24px]] NPCs</div>
<div class="npc-grid">
<div class="npc-grid">
{{NPC Box|name=Angler|image=Angler.png}}
 
{{NPC Box|name=Arms Dealer|image=Arms Dealer.png}}
<!-- NPCS -->
{{NPC Box|name=Clothier|image=Clothier.png}}
<div class="npc-box">
{{NPC Box|name=Demolitionist|image=Demolitionist.png}}
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
{{NPC Box|name=Dryad|image=Dryad.png}}
<div class="npc-name">Path Guardian</div>
{{NPC Box|name=Dye Trader|image=Dye Trader.png}}
</div>
{{NPC Box|name=Goblin Tinkerer|image=Goblin Tinkerer.png}}
 
{{NPC Box|name=Guide|image=Guide.png}}
<div class="npc-box">
{{NPC Box|name=Merchant|image=Merchant.png}}
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
{{NPC Box|name=Nurse|image=Nurse.png}}
<div class="npc-name">Talis</div>
{{NPC Box|name=Painter|image=Painter.png}}
</div>
{{NPC Box|name=Party Girl|image=Party Girl.png}}
 
{{NPC Box|name=Stylist|image=Stylist.png}}
<div class="npc-box">
{{NPC Box|name=Tavernkeep|image=Tavernkeep.png}}
<div class="npc-image">[[File:EndgameIcon.png|64px|link=EndgameContent]]</div>
{{NPC Box|name=Tax Collector|image=Tax Collector.png}}
<div class="npc-name">Nymera</div>
{{NPC Box|name=Witch Doctor|image=Witch Doctor.png}}
</div>
{{NPC Box|name=Zoologist|image=Zoologist.png}}
 
<div class="npc-box">
<div class="npc-image">[[File:SeasonalIcon.png|64px|link=SeasonalEvents]]</div>
<div class="npc-name">Buffalo</div>
</div>
 
<div class="npc-box">
<div class="npc-image">[[File:AdvancedTechIcon.png|64px|link=AdvancedTechnology]]</div>
<div class="npc-name">Taro</div>
</div>
 
<div class="npc-box">
<div class="npc-image">[[File:GrandfatherIcon.png|64px|link=AdvancedTechnology]]</div>
<div class="npc-name">Grandfather</div>
</div>
 
<div class="npc-box">
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
<div class="npc-name">Tavi</div>
</div>
</div>


<div class="npc-category">Hardmode</div>
<div class="npc-box">
<div class="npc-grid">
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
{{NPC Box|name=Cyborg|image=Cyborg.png}}
<div class="npc-name">Nylo</div>
{{NPC Box|name=Pirate|image=Pirate.png}}
</div>
{{NPC Box|name=Princess|image=Princess.png}}
 
{{NPC Box|name=Santa Claus|image=Santa Claus.png}}
<div class="npc-box">
{{NPC Box|name=Steampunker|image=Steampunker.png}}
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
{{NPC Box|name=Truffle|image=Truffle.png}}
<div class="npc-name">Naila</div>
{{NPC Box|name=Wizard|image=Wizard.png}}
</div>
</div>


</div></includeonly><noinclude>
<div class="npc-box">
== Verwendung ==
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
Füge einfach <code><nowiki>{{NPC Grid}}</nowiki></code> auf der Seite ein.
<div class="npc-name">Bafir</div>
</div>


Um NPCs hinzuzufügen oder zu ändern, bearbeite dieses Template.
</div>
[[Kategorie:Vorlagen]]
</div>
</noinclude>

Aktuelle Version vom 8. März 2026, 02:58 Uhr

Life Skills
Fishing
Mining
Chopping
Crafting
Alchemy
Cooking
Farming
Catching
Features & Systems
Pets
Mecha Build
Elements
Skills
Gatcha
Monster Cards
NPCs