Vorlage:Landingfeatures: 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
459 Bearbeitungen
VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 2: Zeile 2:
<div class="landing-container">
<div class="landing-container">


   <!-- Tabs (als DIVs statt Buttons) -->
   <!-- Tabs mit Icons -->
   <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="general">[[File:KittyNPC.png|20px]] General Features</div>
     <div class="tab-button" data-tab="worlds">Worlds</div>
     <div class="tab-button" data-tab="worlds">[[File:KittyNPC.png|20px]] Worlds</div>
     <div class="tab-button" data-tab="classes">Classes</div>
     <div class="tab-button" data-tab="classes">[[File:KittyNPC.png|20px]] Classes</div>
     <div class="tab-button" data-tab="quests">Quests & NPCs</div>
     <div class="tab-button" data-tab="quests">[[File:KittyNPC.png|20px]] Quests & NPCs</div>
     <div class="tab-button" data-tab="bestiary">Bestiary</div>
     <div class="tab-button" data-tab="bestiary">[[File:KittyNPC.png|20px]] Bestiary</div>
     <div class="tab-button" data-tab="bosses">Bosses</div>
     <div class="tab-button" data-tab="bosses">[[File:KittyNPC.png|20px]] Bosses</div>
     <div class="tab-button" data-tab="guilds">Guilds</div>
     <div class="tab-button" data-tab="guilds">[[File:KittyNPC.png|20px]] Guilds</div>
   </div>
   </div>


Zeile 18: Zeile 18:
     <!-- General Features -->
     <!-- General Features -->
     <div class="landing-grid active" id="general">
     <div class="landing-grid active" id="general">
       <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:KittyNPC.png|64px|link=Feature 1]]</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">[[Feature 1]]</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:KittyNPC.png|64px|link=Feature 2]]</div>
        <div class="landing-name">[[Feature 2]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Feature 3]]</div>
        <div class="landing-name">[[Feature 3]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Feature 4]]</div>
        <div class="landing-name">[[Feature 4]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Feature 5]]</div>
        <div class="landing-name">[[Feature 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Feature 6]]</div>
        <div class="landing-name">[[Feature 6]]</div>
      </div>
     </div>
     </div>


     <!-- Worlds -->
     <!-- Worlds -->
     <div class="landing-grid" id="worlds">
     <div class="landing-grid" id="worlds">
       <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:KittyNPC.png|64px|link=World 1]]</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">[[World 1]]</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:KittyNPC.png|64px|link=World 2]]</div>
        <div class="landing-name">[[World 2]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=World 3]]</div>
        <div class="landing-name">[[World 3]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=World 4]]</div>
        <div class="landing-name">[[World 4]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=World 5]]</div>
        <div class="landing-name">[[World 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=World 6]]</div>
        <div class="landing-name">[[World 6]]</div>
      </div>
     </div>
     </div>


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


     <!-- Quests & NPCs -->
     <!-- Quests & NPCs -->
     <div class="landing-grid" id="quests">
     <div class="landing-grid" id="quests">
       <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=Quest 1]]</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">[[Quest 1]]</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 2]]</div>
        <div class="landing-name">[[Quest 2]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Quest 3]]</div>
        <div class="landing-name">[[Quest 3]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Quest 4]]</div>
        <div class="landing-name">[[Quest 4]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Quest 5]]</div>
        <div class="landing-name">[[Quest 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Quest 6]]</div>
        <div class="landing-name">[[Quest 6]]</div>
      </div>
     </div>
     </div>


     <!-- Bestiary -->
     <!-- Bestiary -->
     <div class="landing-grid" id="bestiary">
     <div class="landing-grid" id="bestiary">
       <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=Monster 1]]</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">[[Monster 1]]</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=Monster 2]]</div>
        <div class="landing-name">[[Monster 2]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Monster 3]]</div>
        <div class="landing-name">[[Monster 3]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Monster 4]]</div>
        <div class="landing-name">[[Monster 4]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Monster 5]]</div>
        <div class="landing-name">[[Monster 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Monster 6]]</div>
        <div class="landing-name">[[Monster 6]]</div>
      </div>
     </div>
     </div>


     <!-- Bosses -->
     <!-- Bosses -->
     <div class="landing-grid" id="bosses">
     <div class="landing-grid" id="bosses">
       <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=Boss 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">[[Boss 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=Boss 2]]</div>
        <div class="landing-name">[[Boss 2]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Boss 3]]</div>
        <div class="landing-name">[[Boss 3]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Boss 4]]</div>
        <div class="landing-name">[[Boss 4]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Boss 5]]</div>
        <div class="landing-name">[[Boss 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Boss 6]]</div>
        <div class="landing-name">[[Boss 6]]</div>
      </div>
     </div>
     </div>


     <!-- Guilds -->
     <!-- Guilds -->
     <div class="landing-grid" id="guilds">
     <div class="landing-grid" id="guilds">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 1</div></div>
       <div class="landing-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 2</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Guild 1]]</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-name">[[Guild 1]]</div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 4</div></div>
      </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-box">
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 6</div></div>
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Guild 2]]</div>
        <div class="landing-name">[[Guild 2]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Guild 3]]</div>
        <div class="landing-name">[[Guild 3]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Guild 4]]</div>
        <div class="landing-name">[[Guild 4]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Guild 5]]</div>
        <div class="landing-name">[[Guild 5]]</div>
      </div>
       <div class="landing-box">
        <div class="landing-image">[[File:KittyNPC.png|64px|link=Guild 6]]</div>
        <div class="landing-name">[[Guild 6]]</div>
      </div>
     </div>
     </div>


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

Version vom 12. Januar 2026, 02:22 Uhr

General Features
Worlds
Classes
Quests & NPCs
Bestiary
Bosses
Guilds
Abgerufen von „https://lostdreamsoftomorrow.wiki/index.php?title=Vorlage:Landingfeatures&oldid=394“