Vorlage:Landingfeatures: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
NeroReaver (Diskussion | Beiträge)
Bürokraten, Oberflächenadministratoren, Administratoren
404 Bearbeitungen
VisuellWikitext
Die Seite wurde neu angelegt: „<!---------------------------------- Tabs + Grid Template ----------------------------------> <div class="landing-container"> <!-- Tabs --> <div class="landing-tabs"> <button class="tab-button active" data-tab="general">General</button> <button class="tab-button" data-tab="world1">World 1</button> <button class="tab-button" data-tab="world2">World 2</button> <button class="tab-button" data-tab="world3">World 3</button> <button cla…“
 
Keine Bearbeitungszusammenfassung
 
(12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<!---------------------------------- Tabs + Grid Template ---------------------------------->
<templatestyles src="Vorlage:LandingFeatures/styles.css" />
<div class="landing-container">
<div class="landing-container">


   <!-- Tabs -->
   <!-- Tabs mit Icons und Wrapper für Pfeile -->
<div class="landing-tabs-wrapper">
   <div class="landing-tabs">
   <div class="landing-tabs">
     <button class="tab-button active" data-tab="general">General</button>
     <div class="tab-button active" data-tab="weapon">[[File:KittyNPC.png|20px|link=]] Weapon</div>
     <button class="tab-button" data-tab="world1">World 1</button>
     <div class="tab-button" data-tab="equipment">[[File:KittyNPC.png|20px|link=]] Equipment</div>
     <button class="tab-button" data-tab="world2">World 2</button>
     <div class="tab-button" data-tab="tools">[[File:KittyNPC.png|20px|link=]] Tools</div>
     <button class="tab-button" data-tab="world3">World 3</button>
     <div class="tab-button" data-tab="resources">[[File:KittyNPC.png|20px|link=]] Resources</div>
     <button class="tab-button" data-tab="world4">World 4</button>
     <div class="tab-button" data-tab="consumables">[[File:KittyNPC.png|20px|link=]] Consumables</div>
    <button class="tab-button" data-tab="world5">World 5</button>
     <div class="tab-button" data-tab="other">[[File:KittyNPC.png|20px|link=]] Other</div>
     <button class="tab-button" data-tab="world6">World 6</button>
    <button class="tab-button" data-tab="world7">World 7</button>
   </div>
   </div>
</div>


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


     <!-- General Tab -->
     <!-- Weapon -->
     <div class="landing-grid active" id="general">
     <div class="landing-grid active" id="weapon">
       <div class="landing-box">
       <div class="landing-box">
         <div class="landing-image">[[Image]]</div>
         <div class="landing-image">[[File:KittyNPC.png|64px|link=Sword]]</div>
         <div class="landing-name">Feature 1</div>
         <div class="landing-name">[[Sword]]</div>
       </div>
       </div>
       <div class="landing-box">
       <div class="landing-box">
         <div class="landing-image">[[Image]]</div>
         <div class="landing-image">[[File:KittyNPC.png|64px|link=Bows]]</div>
         <div class="landing-name">Feature 2</div>
         <div class="landing-name">[[Bows]]</div>
       </div>
       </div>
       <div class="landing-box">
       <div class="landing-box">
         <div class="landing-image">[[Image]]</div>
         <div class="landing-image">[[File:KittyNPC.png|64px|link=Dagger]]</div>
         <div class="landing-name">Feature 3</div>
         <div class="landing-name">[[Dagger]]</div>
       </div>
       </div>
       <div class="landing-box">
       <div class="landing-box">
         <div class="landing-image">[[Image]]</div>
         <div class="landing-image">[[File:KittyNPC.png|64px|link=Staff]]</div>
         <div class="landing-name">Feature 4</div>
         <div class="landing-name">[[Staff]]</div>
       </div>
       </div>
       <div class="landing-box">
       <div class="landing-box">
         <div class="landing-image">[[Image]]</div>
         <div class="landing-image">[[File:KittyNPC.png|64px|link=Fist]]</div>
         <div class="landing-name">Feature 5</div>
        <div class="landing-name">[[Fist]]</div>
      </div>
    </div>
 
    <!-- Equipment -->
    <div class="landing-grid" id="equipment">
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Helmet]]</div>
        <div class="landing-name">[[Helmet]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Armor]]</div>
         <div class="landing-name">[[Armor]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Pants]]</div>
        <div class="landing-name">[[Pants]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Shoes]]</div>
        <div class="landing-name">[[Shoes]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Shield]]</div>
        <div class="landing-name">[[Shield]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Bracelets]]</div>
        <div class="landing-name">[[Bracelets]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Necklaces]]</div>
        <div class="landing-name">[[Necklaces]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Earrings]]</div>
        <div class="landing-name">[[Earrings]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Gloves]]</div>
        <div class="landing-name">[[Gloves]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Belt]]</div>
        <div class="landing-name">[[Belt]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Talismans]]</div>
        <div class="landing-name">[[Talismans]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Capes / Wings]]</div>
        <div class="landing-name">[[Capes / Wings]]</div>
      </div>
    </div>
 
    <!-- Tools -->
    <div class="landing-grid" id="tools">
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Tool 1]]</div>
        <div class="landing-name">[[Tool 1]]</div>
      </div>
      <div class="landing-box">
        <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>
 
    <!-- Resources -->
    <div class="landing-grid" id="resources">
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Monster Drop]]</div>
        <div class="landing-name">[[Monster Drop]]</div>
      </div>
      <div class="landing-box">
        <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>
       <div class="landing-box">
       <div class="landing-box">
         <div class="landing-image">[[Image]]</div>
         <div class="landing-image">[[File:KittyNPC.png|64px|link=Bugs]]</div>
         <div class="landing-name">Feature 6</div>
         <div class="landing-name">[[Bugs]]</div>
       </div>
       </div>
     </div>
     </div>


     <!-- World 1 Tab -->
     <!-- Consumables -->
     <div class="landing-grid" id="world1">
    <div class="landing-grid" id="consumables">
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Health Food]]</div>
        <div class="landing-name">[[Health Food]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Boost Food]]</div>
        <div class="landing-name">[[Boost Food]]</div>
      </div>
    </div>
 
    <!-- Other -->
     <div class="landing-grid" id="other">
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 1]]</div>
        <div class="landing-name">[[Other 1]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 2]]</div>
        <div class="landing-name">[[Other 2]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 3]]</div>
        <div class="landing-name">[[Other 3]]</div>
      </div>
      <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 4]]</div>
        <div class="landing-name">[[Other 4]]</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-box">
         <div class="landing-image">[[Image]]</div>
         <div class="landing-image">[[File:KittyNPC.png|64px|link=Other 6]]</div>
         <div class="landing-name">World 1 Feature 1</div>
         <div class="landing-name">[[Other 6]]</div>
       </div>
       </div>
      <!-- 5 weitere Boxen hier -->
     </div>
     </div>


    <!-- Weitere Tabs nach dem gleichen Muster ... -->
   
   </div>
   </div>
</div>
</div>

Aktuelle Version vom 12. Januar 2026, 02:50 Uhr

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