Vorlage:Lesetipp-Link-Hinweiskasten: Unterschied zwischen den Versionen

Aus quickguide.bitcointoolz.com
Zur Navigation springenZur Suche springen
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
<!-- Vorlage:Lesetipp-Link-Hinweiskasten -->
<!-- Vorlage:Lesetipp-Link-Hinweiskasten -->
<includeonly>
<includeonly>
<div style="border:1px solid #ccc;
<div style="
            background-color:#fff4e6;
    /* Rahmen: 1px dicke, durchgezogene Linie in hellgrau */
            padding:0.8em;
    border: 1px solid #ccc;
            margin:-1.5em 0;
 
            border-radius:4px;
    /* Hintergrund: sehr helles Orange, sorgt für dezente Hervorhebung */
            box-shadow:0 1px 3px rgba(0,0,0,0.1);
    background-color: #fff4e6;
            position:relative;">
 
    /* Innenabstand: rundum 0.8em relativ zur Schriftgröße */
    padding: 0.8em;
 
    /* Außenabstand: oben und unten -1.5em (zieht den Kasten nach oben über den Fließtext), links/rechts 0 */
    margin: -1.5em 0;
 
    /* Abrundung der Ecken: 4px Radius für weiche Optik */
    border-radius: 4px;
 
    /* Schatten: x-Versatz 0, y-Versatz 1px, Unschärfe 3px, leichte Transparenz */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 
    /* Position: relativ, damit das orangene Streifenelement absolut positioniert werden kann */
    position: relative;
">
   <!-- oranger Streifen -->
   <!-- oranger Streifen -->
   <div style="position:absolute;
   <div style="
              left:0; top:0; bottom:0;
      /* Position: absolut relativ zum Eltern-Container */
              width:4px;
      position: absolute;
              background-color:#FF9900;
 
              border-top-left-radius:4px;
      /* Platzierung: bündig links, von oben bis unten gestreckt */
              border-bottom-left-radius:4px;">
      left: 0; top: 0; bottom: 0;
 
      /* Breite des Streifens: 4 Pixel */
      width: 4px;
 
      /* Farbe: kräftiges Orange zur visuellen Hervorhebung */
      background-color: #FF9900;
 
      /* Abrundung: obere linke Ecke mit 4px Radius */
      border-top-left-radius: 4px;
 
      /* Abrundung: untere linke Ecke mit 4px Radius */
      border-bottom-left-radius: 4px;
  ">
   </div>
   </div>
   <!-- Inhalt eingerückt -->
   <!-- Inhalt eingerückt -->
   <div style="margin-left:8px;">
   <div style="
      /* Einrückung: 8px Abstand zum orangen Streifen, sorgt für Abstand und Lesbarkeit */
      margin-left: 8px;
  ">
     {{{1}}}
     {{{1}}}
   </div>
   </div>

Aktuelle Version vom 2. Juli 2025, 13:00 Uhr


Diese Vorlage umschließt den Text in einem dezent hervorgehobenen Kasten.

Abgerufen von „https://quickguide.bitcointoolz.com/index.php?title=Vorlage:Lesetipp-Link-Hinweiskasten&oldid=15555“