Vorlage:Buchbox: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

VisuellWikitext

Version vom 16. Juli 2025, 10:03 Uhr

[[Datei:Home-fachbuch.png|400px|class=img-responsive]]

'''Standort:''' [[Kategorie:Technik]] • [[Buch::Handbuch]] • '''Version:''' 2.3

__TOC__

@@ Zeile 1: / Zeile 1: @@
 <html>
-<!-- Obere Trennlinie -->
-<hr style="margin:3px 0; height:1px; background:#ddd; border:none;">
-<!-- Zwei-Spalten-Layout -->
 <div style="display:flex; margin:0; padding:0; border:none; line-height:1; background:none;">
+   <!-- Bild (400px, direkt am Rand) -->
-   <!-- Linke Spalte: Bild -->
+   <div style="flex:0 0 400px; margin:0; padding:0; background:none;">
-   <div style="flex:0 0 400px; margin:0; padding:0;">
+     [[Datei:Home-fachbuch.png|400px|class=img-responsive]]
-     <img src="{{filepath:Home-fachbuch.png}}" alt="Buchcover" style="width:100%; height:auto; display:block;" />
    </div>
-   <!-- Rechte Spalte: Standort + TOC -->
+   <!-- Metadaten + TOC-Lösung -->
-   <div style="flex:1; margin-left:10px; padding:0;">
+   <div style="flex:1; margin-left:10px; padding:0; background:none;">
+     <!-- Standortangaben (1-zeilig) -->
-     <!-- Standortanzeige -->
+     <div style="margin:0; padding:0; font-size:0.9em; line-height:1.2; background:none;">
-     <div style="font-size:0.9em; line-height:1.2;">
        '''Standort:''' [[Kategorie:Technik]] • [[Buch::Handbuch]] • '''Version:''' 2.3
      </div>
-     <!-- TOC-Schalter -->
+     <!-- TOC mit Toggle -->
-     <button class="btn btn-sm btn-outline-secondary my-2" type="button"
+     <div>
-            data-bs-toggle="collapse" data-bs-target="#toc-box">
+      <button class="btn btn-sm btn-outline-secondary mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#toc-box">
-      Inhaltsverzeichnis anzeigen / ausblenden
+        Inhaltsverzeichnis anzeigen / ausblenden
-    </button>
+      </button>
-    <!-- TOC-Inhalt -->
+      <div id="toc-box" class="collapse show" style="max-height:400px; overflow-y:auto;">
-    <div id="toc-box" class="collapse show" style="max-height:400px; overflow-y:auto;">
+        <div class="small">
-      <div class="small">
+          __TOC__
-         __TOC__
+         </div>
        </div>
      </div>
    </div>
 </div>
-<!-- Untere Trennlinie -->
+<!-- Horizontale Trennlinie -->
 <hr style="margin:3px 0; height:1px; background:#ddd; border:none;">
 </html>