Vorlage:Landingfeatures: Unterschied zwischen den Versionen

Aus Lost Dreams Of Tomorrow Wiki
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
Zeile 1: Zeile 1:
<!---------------------------------- Tabs + Grid Template ---------------------------------->
<div class="landing-container">
<div class="landing-container">


Zeile 7: Zeile 6:
     <button class="tab-button" data-tab="world1">World 1</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="world2">World 2</button>
    <button class="tab-button" data-tab="world3">World 3</button>
    <button class="tab-button" data-tab="world4">World 4</button>
    <button class="tab-button" data-tab="world5">World 5</button>
    <button class="tab-button" data-tab="world6">World 6</button>
    <button class="tab-button" data-tab="world7">World 7</button>
   </div>
   </div>


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


    <!-- General Tab -->
     <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">[[Image]]</div>
         <div class="landing-image">[[Image]]</div>
         <div class="landing-name">Feature 1</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">[[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>
     </div>


    <!-- World 1 Tab -->
     <div class="landing-grid" id="world1">
     <div class="landing-grid" id="world1">
       <div class="landing-box">
       <div class="landing-box">
Zeile 51: Zeile 23:
         <div class="landing-name">World 1 Feature 1</div>
         <div class="landing-name">World 1 Feature 1</div>
       </div>
       </div>
      <!-- 5 weitere Boxen hier -->
     </div>
     </div>


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

Version vom 11. Januar 2026, 19:03 Uhr

   <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>
Feature 1
World 1 Feature 1