Vorlage:Landingfeatures: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<html>
<div class="landing-container">
<div class="landing-container">


   <!-- Tabs -->
   <!-- Tabs (als DIVs statt Buttons) -->
   <div class="landing-tabs">
   <div class="landing-tabs">
     <button class="tab-button active" data-tab="general">General Features</button>
     <div class="tab-button active" data-tab="general">General Features</div>
     <button class="tab-button" data-tab="worlds">Worlds</button>
     <div class="tab-button" data-tab="worlds">Worlds</div>
     <button class="tab-button" data-tab="classes">Classes</button>
     <div class="tab-button" data-tab="classes">Classes</div>
     <button class="tab-button" data-tab="quests">Quests & NPCs</button>
     <div class="tab-button" data-tab="quests">Quests & NPCs</div>
     <button class="tab-button" data-tab="bestiary">Bestiary</button>
     <div class="tab-button" data-tab="bestiary">Bestiary</div>
     <button class="tab-button" data-tab="bosses">Bosses</button>
     <div class="tab-button" data-tab="bosses">Bosses</div>
     <button class="tab-button" data-tab="guilds">Guilds</button>
     <div class="tab-button" data-tab="guilds">Guilds</div>
   </div>
   </div>


Zeile 18: Zeile 17:
     <!-- 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">[[Image]]</div><div class="landing-name">Feature 1</div></div>
       <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-image">[[Image]]</div><div class="landing-name">Feature 2</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 2</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Feature 3</div></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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Feature 4</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 4</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Feature 5</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-image">[[Image]]</div><div class="landing-name">Feature 6</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</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">[[Image]]</div><div class="landing-name">World 1</div></div>
       <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-image">[[Image]]</div><div class="landing-name">World 2</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 2</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">World 3</div></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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">World 4</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 4</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">World 5</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-image">[[Image]]</div><div class="landing-name">World 6</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</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">[[Image]]</div><div class="landing-name">Class 1</div></div>
       <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-image">[[Image]]</div><div class="landing-name">Class 2</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 2</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Class 3</div></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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Class 4</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 4</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Class 5</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-image">[[Image]]</div><div class="landing-name">Class 6</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</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">[[Image]]</div><div class="landing-name">Quest/NPC 1</div></div>
       <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-image">[[Image]]</div><div class="landing-name">Quest/NPC 2</div></div>
       <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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Quest/NPC 3</div></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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Quest/NPC 4</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 4</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Quest/NPC 5</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-image">[[Image]]</div><div class="landing-name">Quest/NPC 6</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 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">[[Image]]</div><div class="landing-name">Monster 1</div></div>
       <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-image">[[Image]]</div><div class="landing-name">Monster 2</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 2</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Monster 3</div></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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Monster 4</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 4</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Monster 5</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-image">[[Image]]</div><div class="landing-name">Monster 6</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</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">[[Image]]</div><div class="landing-name">Boss 1</div></div>
       <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-image">[[Image]]</div><div class="landing-name">Boss 2</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 2</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Boss 3</div></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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Boss 4</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 4</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Boss 5</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-image">[[Image]]</div><div class="landing-name">Boss 6</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</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">[[Image]]</div><div class="landing-name">Guild 1</div></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-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Guild 2</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 2</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Guild 3</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-image">[[Image]]</div><div class="landing-name">Guild 4</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 4</div></div>
       <div class="landing-box"><div class="landing-image">[[Image]]</div><div class="landing-name">Guild 5</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-image">[[Image]]</div><div class="landing-name">Guild 6</div></div>
       <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 6</div></div>
     </div>
     </div>


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

Version vom 11. Januar 2026, 19:10 Uhr

General Features
Worlds
Classes
Quests & NPCs
Bestiary
Bosses
Guilds
Feature 1
Feature 2
Feature 3
Feature 4
Feature 5
Feature 6
World 1
World 2
World 3
World 4
World 5
World 6
Class 1
Class 2
Class 3
Class 4
Class 5
Class 6
Quest/NPC 1
Quest/NPC 2
Quest/NPC 3
Quest/NPC 4
Quest/NPC 5
Quest/NPC 6
Monster 1
Monster 2
Monster 3
Monster 4
Monster 5
Monster 6
Boss 1
Boss 2
Boss 3
Boss 4
Boss 5
Boss 6
Guild 1
Guild 2
Guild 3
Guild 4
Guild 5
Guild 6