Vorlage:Landingfeatures: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
← Zum vorherigen Versionsunterschied
NeroReaver (Diskussion | Beiträge)
Bürokraten, Oberflächenadministratoren, Administratoren
461 Bearbeitungen
VisuellWikitext
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<templatestyles src="Vorlage:LandingFeatures/styles.css" />
<div class="landing-container">
<div class="landing-container">


   <!-- Tabs (als DIVs statt Buttons) -->
   <!-- Tabs mit Icons und Wrapper für Pfeile -->
<div class="landing-tabs-wrapper">
   <div class="landing-tabs">
   <div class="landing-tabs">
     <div class="tab-button active" data-tab="general">General Features</div>
     <div class="tab-button active" data-tab="weapon">[[File:WeaponsIcon.png|20px|link=]] Weapon</div>
     <div class="tab-button" data-tab="worlds">Worlds</div>
    <div class="tab-button" data-tab="equipment">[[File:ArmorIcon.png|20px|link=]] Equipment</div>
     <div class="tab-button" data-tab="classes">Classes</div>
     <div class="tab-button" data-tab="tools">[[File:KittyNPC.png|20px|link=]] Tools</div>
     <div class="tab-button" data-tab="quests">Quests & NPCs</div>
     <div class="tab-button" data-tab="resources">[[File:KittyNPC.png|20px|link=]] Resources</div>
     <div class="tab-button" data-tab="bestiary">Bestiary</div>
     <div class="tab-button" data-tab="consumables">[[File:KittyNPC.png|20px|link=]] Consumables</div>
     <div class="tab-button" data-tab="bosses">Bosses</div>
     <div class="tab-button" data-tab="other">[[File:KittyNPC.png|20px|link=]] Other</div>
     <div class="tab-button" data-tab="guilds">Guilds</div>
     <div class="tab-button" data-tab="other">[[File:KittyNPC.png|20px|link=]] Empty</div>
     <div class="tab-button" data-tab="other">[[File:KittyNPC.png|20px|link=]] Empty</div>
   </div>
   </div>
</div>


   <!-- Tab Content -->
   <!-- Tab Content -->
   <div class="landing-grid-container">
   <div class="landing-grid-container">


     <!-- General Features -->
     <!-- Weapon -->
     <div class="landing-grid active" id="general">
     <div class="landing-grid active" id="weapon">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 1</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 2</div></div>
        <div class="landing-image">[[File:SwordIcon.png|64px|link=Sword]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 3</div></div>
        <div class="landing-name">[[Sword]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 4</div></div>
      </div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 5</div></div>
       <div class="landing-box">
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 6</div></div>
        <div class="landing-image">[[File:BowIcon.png|64px|link=Bows]]</div>
        <div class="landing-name">[[Bows]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:DaggerIcon.png|64px|link=Dagger]]</div>
        <div class="landing-name">[[Dagger]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:StaffIcon.png|64px|link=Staff]]</div>
        <div class="landing-name">[[Staff]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:FistIcon.png|64px|link=Fist]]</div>
        <div class="landing-name">[[Fist]]</div>
      </div>
     </div>
     </div>


     <!-- Worlds -->
     <!-- Equipment -->
     <div class="landing-grid" id="worlds">
     <div class="landing-grid" id="equipment">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 1</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 2</div></div>
        <div class="landing-image">[[File:HelmetIcon.png|64px|link=Helmet]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 3</div></div>
        <div class="landing-name">[[Helmet]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 4</div></div>
      </div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 5</div></div>
      <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 6</div></div>
        <div class="landing-image">[[File:ArmorIcon.png|64px|link=Armor]]</div>
        <div class="landing-name">[[Armor]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:PantsIcon.png|64px|link=Pants]]</div>
        <div class="landing-name">[[Pants]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:ShoesIcon.png|64px|link=Shoes]]</div>
        <div class="landing-name">[[Shoes]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:ShieldIcon.png|64px|link=Shield]]</div>
        <div class="landing-name">[[Shield]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:BraceletsIcon.png|64px|link=Bracelets]]</div>
        <div class="landing-name">[[Bracelets]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:NecklacesIcon.png|64px|link=Necklaces]]</div>
        <div class="landing-name">[[Necklaces]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:EarringsIcon.png|64px|link=Earrings]]</div>
        <div class="landing-name">[[Earrings]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:GlovesIcon.png|64px|link=Gloves]]</div>
        <div class="landing-name">[[Gloves]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:BeltIcon.png|64px|link=Belt]]</div>
        <div class="landing-name">[[Belt]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:TalismansIcon.png|64px|link=Talismans]]</div>
        <div class="landing-name">[[Talismans]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:CapesIcon.png|64px|link=Capes / Wings]]</div>
        <div class="landing-name">[[Capes / Wings]]</div>
      </div>
     </div>
     </div>


     <!-- Classes -->
     <!-- Tools -->
     <div class="landing-grid" id="classes">
     <div class="landing-grid" id="tools">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 1</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 2</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Tool 1]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 3</div></div>
        <div class="landing-name">[[Tool 1]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 4</div></div>
      </div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 5</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 6</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Tool 2]]</div>
        <div class="landing-name">[[Tool 2]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Tool 3]]</div>
        <div class="landing-name">[[Tool 3]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Tool 4]]</div>
        <div class="landing-name">[[Tool 4]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Tool 5]]</div>
        <div class="landing-name">[[Tool 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Tool 6]]</div>
        <div class="landing-name">[[Tool 6]]</div>
      </div>
     </div>
     </div>


     <!-- Quests & NPCs -->
     <!-- Resources -->
     <div class="landing-grid" id="quests">
     <div class="landing-grid" id="resources">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 1</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 2</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Monster Drop]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 3</div></div>
        <div class="landing-name">[[Monster Drop]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 4</div></div>
      </div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 5</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 6</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Quest Items]]</div>
        <div class="landing-name">[[Quest Items]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Materials]]</div>
        <div class="landing-name">[[Materials]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Ores & Bars]]</div>
        <div class="landing-name">[[Ores & Bars]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Fish]]</div>
        <div class="landing-name">[[Fish]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Bugs]]</div>
        <div class="landing-name">[[Bugs]]</div>
      </div>
     </div>
     </div>


     <!-- Bestiary -->
     <!-- Consumables -->
     <div class="landing-grid" id="bestiary">
     <div class="landing-grid" id="consumables">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 1</div></div>
       <div class="landing-box">
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 2</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Health Food]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 3</div></div>
        <div class="landing-name">[[Health Food]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 4</div></div>
       </div>
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 5</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 6</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Boost Food]]</div>
        <div class="landing-name">[[Boost Food]]</div>
       </div>
     </div>
     </div>


     <!-- Bosses -->
     <!-- Other -->
     <div class="landing-grid" id="bosses">
     <div class="landing-grid" id="other">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 1</div></div>
       <div class="landing-box">
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 2</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 1]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 3</div></div>
        <div class="landing-name">[[Other 1]]</div>
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 4</div></div>
      </div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 5</div></div>
       <div class="landing-box">
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 6</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 2]]</div>
    </div>
        <div class="landing-name">[[Other 2]]</div>
 
      </div>
    <!-- Guilds -->
       <div class="landing-box">
    <div class="landing-grid" id="guilds">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 3]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 1</div></div>
        <div class="landing-name">[[Other 3]]</div>
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 2</div></div>
      </div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 3</div></div>
       <div class="landing-box">
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 4</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 4]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 5</div></div>
        <div class="landing-name">[[Other 4]]</div>
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 6</div></div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 5]]</div>
        <div class="landing-name">[[Other 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 6]]</div>
        <div class="landing-name">[[Other 6]]</div>
      </div>
     </div>
     </div>


   </div>
   </div>
</div>
</div>

Aktuelle Version vom 12. Januar 2026, 03:46 Uhr

Weapon
Equipment
Tools
Resources
Consumables
Other
Empty
Empty
Abgerufen von „https://lostdreamsoftomorrow.wiki/index.php?title=Vorlage:Landingfeatures&oldid=430“