Vorlage:MainMenuNpc: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
NeroReaver (Diskussion | Beiträge)
Bürokraten, Oberflächenadministratoren, Administratoren
403 Bearbeitungen
VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* ========================================
<div class="npc-grid-container">
  CSS - In MediaWiki:Common.css einfügen
  ======================================== */


.npc-grid-container {
<div class="npc-category">Pre-Hardmode</div>
  max-width: 1200px;
<div class="npc-grid">
  margin: 0 auto;
}


.npc-category {
<div class="npc-box">
  font-size: 1.3em;
<div class="npc-image">[[File:KittyNPC.png|64px|link=Angler]]</div>
  font-weight: 600;
<div class="npc-name">[[Angler]]</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:KittyNPC.png|64px|link=Arms Dealer]]</div>
}
<div class="npc-name">[[Arms Dealer]]</div>
</div>


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


.npc-box {
<div class="npc-box">
  display: flex;
<div class="npc-image">[[File:KittyNPC.png|64px|link=Demolitionist]]</div>
  flex-direction: column;
<div class="npc-name">[[Demolitionist]]</div>
  align-items: center;
</div>
  text-decoration: none;
  color: #202122;
}


.npc-box:hover {
<div class="npc-box">
  opacity: 0.7;
<div class="npc-image">[[File:KittyNPC.png|64px|link=Dryad]]</div>
}
<div class="npc-name">[[Dryad]]</div>
</div>


.npc-image {
<div class="npc-box">
  width: 48px;
<div class="npc-image">[[File:KittyNPC.png|64px|link=Dye Trader]]</div>
  height: 48px;
<div class="npc-name">[[Dye Trader]]</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:KittyNPC.png|64px|link=Goblin Tinkerer]]</div>
  max-width: 100%;
<div class="npc-name">[[Goblin Tinkerer]]</div>
  max-height: 100%;
</div>
  image-rendering: pixelated;
}


.npc-name {
<div class="npc-box">
  font-size: 0.85em;
<div class="npc-image">[[File:KittyNPC.png|64px|link=Guide]]</div>
  text-align: center;
<div class="npc-name">[[Guide]]</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:KittyNPC.png|64px|link=Merchant]]</div>
<div class="npc-name">[[Merchant]]</div>
</div>


/* ========================================
<div class="npc-box">
  TEMPLATE: NPC Box
<div class="npc-image">[[File:KittyNPC.png|64px|link=Nurse]]</div>
  Erstelle: Template:NPC_Box
<div class="npc-name">[[Nurse]]</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:KittyNPC.png|64px|link=Painter]]</div>
<div class="npc-name">{{{name}}}</div>
<div class="npc-name">[[Painter]]</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:KittyNPC.png|64px|link=Party Girl]]</div>
<div class="npc-name">[[Party Girl]]</div>
</div>


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


<includeonly><div class="npc-grid-container">
<div class="npc-box">
<div class="npc-image">[[File:KittyNPC.png|64px|link=Tavernkeep]]</div>
<div class="npc-name">[[Tavernkeep]]</div>
</div>


<div class="npc-category">Pre-Hardmode</div>
<div class="npc-grid">
{{NPC Box|name=Angler|image=Angler.png}}
{{NPC Box|name=Arms Dealer|image=Arms Dealer.png}}
{{NPC Box|name=Clothier|image=Clothier.png}}
{{NPC Box|name=Demolitionist|image=Demolitionist.png}}
{{NPC Box|name=Dryad|image=Dryad.png}}
{{NPC Box|name=Dye Trader|image=Dye Trader.png}}
{{NPC Box|name=Goblin Tinkerer|image=Goblin Tinkerer.png}}
{{NPC Box|name=Guide|image=Guide.png}}
{{NPC Box|name=Merchant|image=Merchant.png}}
{{NPC Box|name=Nurse|image=Nurse.png}}
{{NPC Box|name=Painter|image=Painter.png}}
{{NPC Box|name=Party Girl|image=Party Girl.png}}
{{NPC Box|name=Stylist|image=Stylist.png}}
{{NPC Box|name=Tavernkeep|image=Tavernkeep.png}}
{{NPC Box|name=Tax Collector|image=Tax Collector.png}}
{{NPC Box|name=Witch Doctor|image=Witch Doctor.png}}
{{NPC Box|name=Zoologist|image=Zoologist.png}}
</div>
</div>


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


</div></includeonly><noinclude>
</div>
== Verwendung ==
Füge einfach <code><nowiki>{{NPC Grid}}</nowiki></code> auf der Seite ein.


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

Version vom 11. Januar 2026, 18:49 Uhr

Pre-Hardmode
Angler
Arms Dealer
Clothier
Demolitionist
Dryad
Dye Trader
Goblin Tinkerer
Guide
Merchant
Nurse
Painter
Party Girl
Stylist
Tavernkeep
Hardmode
Cyborg
Pirate
Princess
Santa Claus
Steampunker
Truffle
Wizard
Abgerufen von „https://lostdreamsoftomorrow.wiki/index.php?title=Vorlage:MainMenuNpc&oldid=211“