Vorlage:Buchbox: Unterschied zwischen den Versionen

Aus WikiToYes
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<hr>
<div class="container text-center">
<div class="container text-center">
   <div class="row align-items-center">
   <div class="row align-items-center">
Zeile 4: Zeile 5:
       [[Datei:Home-fachbuch.png|frameless|500px]]
       [[Datei:Home-fachbuch.png|frameless|500px]]
     </div>
     </div>
     <div class="col text-start">
     <div class="col">
      One of three columns
<p class="text-start">Start aligned text on all viewport sizes.</p>
    </div>
   <div id="fade-toc" class="toc-fade" style="max-height: 400px; overflow-y: auto;">
   </div>
      __TOC__
</div>
 
 
  <div class="row align-items-center">
 
    <!-- Spalte 1 -->
    <div class="col-md-6 d-flex flex-column justify-content-end">
     </div>
     </div>
   
    <!-- Spalte 2 -->
    <div class="col-md-6 d-flex flex-column justify-content-center">
      <div>Inhalt rechts (bodenbündig)</div>
    </div>
  </div>
<hr style="margin:3px 0; height:1px; background:#ddd; border:none;">
<!-- Flex-Container: Bild links, Text + TOC rechts -->
<div style="display: flex; align-items: stretch; gap: 1rem;">
  <!-- Buchcover (400px), ohne Rand oder Hintergrund -->
  <div style="flex: 0 0 auto; margin: 0; padding: 0; background: none;">
    [[Datei:Home-fachbuch.png|frameless|400px]]
  </div>
  <!-- Rechte Spalte: Standort oben, TOC unten -->
  <div style="flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; background: none; padding: 0; margin: 0;">
    <!-- Standort (oben), ohne Hintergrund -->
    <div style="background: none; margin: 0 0 0.5em 0; padding: 0; font-size: 0.9em;">
      '''Standort:''' [[Kategorie:Technik]] • [[Buch::Handbuch]] • '''Version:''' 2.3
    </div>
    <!-- TOC (unten), mit Fade -->
    <div id="fade-toc" class="toc-fade" style="max-height: 400px; overflow-y: auto;">
      __TOC__
     </div>
     </div>
   </div>
   </div>
</div>
</div>
<hr style="margin:3px 0; height:1px; background:#ddd; border:none;">
<hr>

Version vom 16. Juli 2025, 18:39 Uhr


     

Start aligned text on all viewport sizes.