Aktionen

Test4: Unterschied zwischen den Versionen

Aus exmediawiki

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
__NOTOC__
<div style="display: flex; flex-wrap: wrap; width: 100%; gap: 1em;">


<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
<!-- Holz -->
  Materials
<div style="flex: 0 0 calc(25% - 0.1em);">
</h2>
  <div onclick="this.nextElementSibling.style.display = this.nextElementSibling.style.display === 'none' ? 'flex' : 'none';"  
<br>
      style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center; cursor: pointer;">
 
    <h3 style="color: white; margin: 0;">Holz</h3>
<h3>Natural materials</h3>
  </div>
 
  <div style="display: none; flex-wrap: wrap; gap: 1em; margin-top: 1em;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
    <div style="max-width: 300px;">
 
      [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
<!-- First collapsible item (Holz) -->
       <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
    </div>
  <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
    <!-- Repeat -->
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
  </div>
        <h3 style="color: white; margin: 0;">Holz</h3>
      </div>
      <span class="down"></span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 1em; display: flex; flex-wrap: wrap; justify-content: flex-start; border-radius: 27px;">
      <div style="width: 100%; height: 15px;"></div>
 
      <!-- Image Block Start -->
<div style="border-radius: 10px; overflow: hidden; max-width: 300px;">
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;"><span style="color: white;">[[Smoky Quartz]]</span></h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
       </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;"><span style="color: rgb(0, 0, 255);">[[Smoky Quartz]]</span></h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%; border-radius:10px; display:block;]]
      </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;"><span style="color: rgb(0, 0, 255);">[[Smoky Quartz]]</span></h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%; border-radius:10px; display:block;]]
      </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;"><span style="color: rgb(0, 0, 255);">[[Smoky Quartz]]</span></h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%; border-radius:10px; display:block;]]
      </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;"><span style="color: rgb(0, 0, 255);">[[Smoky Quartz]]</span></h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%; border-radius:10px; display:block;]]
      </div>
  </div>
</div>
</div>


<!-- Second collapsible item (Metalle) -->
<!-- Metalle -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
<div style="flex: 0 0 calc(25% - 0.1em);">
  <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
  <div onclick="this.nextElementSibling.style.display = this.nextElementSibling.style.display === 'none' ? 'flex' : 'none';"  
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
      style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center; cursor: pointer;">
        <h3 style="color: white; margin: 0;">Metalle</h3>
    <h3 style="color: white; margin: 0;">Metalle</h3>
      </div>
  </div>
      <span class="down"></span>
  <div style="display: none; flex-wrap: wrap; gap: 1em; margin-top: 1em;">
  </div>
    <div style="max-width: 300px;">
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
       [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      <div style="width: 100%; height: 15px;"></div>
       <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      <!-- Image Block Start -->
    </div>
      <div>
  </div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
       <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
       <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
  </div>
</div>
</div>


<!-- Third collapsible item (Gestein) -->
<!-- Repeat same structure for Gestein, Tierische Werkstoffe... -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
  <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
        <h3 style="color: white; margin: 0;">Gestein</h3>
      </div>
      <span class="down"></span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <div style="width: 100%; height: 15px;"></div>
      <!-- Image Block Start -->
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
  </div>
</div>
 
<!-- Fourth collapsible item (Tierische Werkstoffe) -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
  <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
        <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
      </div>
      <span class="down"></span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <div style="width: 100%; height: 15px;"></div>
      <!-- Image Block Start -->
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
  </div>
</div>


</div>
</div>

Version vom 20. Mai 2025, 23:05 Uhr

Holz

style=max-width:100%;
style=max-width:100%;

Metalle

style=max-width:100%;
style=max-width:100%;


Abgerufen von „https://exmediawiki.khm.de/index.php?title=Test4&oldid=10156“