Vorlage:Landingfeatures: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
Zum nächsten Versionsunterschied →
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
(6 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 (als DIVs statt Buttons) -->
   <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="general">General Features</div>
    <button class="tab-button" data-tab="world1">World 1</button>
     <div class="tab-button" data-tab="worlds">Worlds</div>
     <button class="tab-button" data-tab="world2">World 2</button>
     <div class="tab-button" data-tab="classes">Classes</div>
     <button class="tab-button" data-tab="world3">World 3</button>
     <div class="tab-button" data-tab="quests">Quests & NPCs</div>
     <button class="tab-button" data-tab="world4">World 4</button>
     <div class="tab-button" data-tab="bestiary">Bestiary</div>
     <button class="tab-button" data-tab="world5">World 5</button>
     <div class="tab-button" data-tab="bosses">Bosses</div>
     <button class="tab-button" data-tab="world6">World 6</button>
     <div class="tab-button" data-tab="guilds">Guilds</div>
     <button class="tab-button" data-tab="world7">World 7</button>
   </div>
   </div>


Zeile 17: Zeile 16:
   <div class="landing-grid-container">
   <div class="landing-grid-container">


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


     <!-- World 1 Tab -->
     <!-- Worlds -->
     <div class="landing-grid" id="world1">
    <div class="landing-grid" id="worlds">
       <div class="landing-box">
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 1</div></div>
        <div class="landing-image">[[Image]]</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-name">World 1 Feature 1</div>
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 3</div></div>
       </div>
      <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 4</div></div>
       <!-- 5 weitere Boxen hier -->
      <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">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 6</div></div>
    </div>
 
    <!-- 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-image">[[File:KittyNPC.png|64px]]</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 3</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">[[File:KittyNPC.png|64px]]</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 6</div></div>
    </div>
 
    <!-- Quests & NPCs -->
     <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-image">[[File:KittyNPC.png|64px]]</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 3</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">[[File:KittyNPC.png|64px]]</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 6</div></div>
    </div>
 
    <!-- 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-image">[[File:KittyNPC.png|64px]]</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 3</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">[[File:KittyNPC.png|64px]]</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 6</div></div>
    </div>
 
    <!-- 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-image">[[File:KittyNPC.png|64px]]</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 3</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">[[File:KittyNPC.png|64px]]</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 6</div></div>
    </div>
 
    <!-- 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-image">[[File:KittyNPC.png|64px]]</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 3</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">[[File:KittyNPC.png|64px]]</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 6</div></div>
     </div>
     </div>


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

Version vom 12. Januar 2026, 00:48 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
Abgerufen von „https://lostdreamsoftomorrow.wiki/index.php?title=Vorlage:Landingfeatures&oldid=337“