Vorlage:Lesetipp-Link-Hinweiskasten: Unterschied zwischen den Versionen
Aus quickguide.bitcointoolz.com
Zur Navigation springenZur Suche springen
Marko (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<!-- Vorlage:Lesetipp-Link-Hinweiskasten --> <includeonly> <div class="lesetipp-hinweis"> {{{1}}} </div> </includeonly> <noinclude> Diese Vorlage umschließt den Text in einem dezent hervorgehobenen Kasten. </noinclude>“) |
Marko (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (11 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<!-- Vorlage:Lesetipp-Link-Hinweiskasten --> | <!-- Vorlage:Lesetipp-Link-Hinweiskasten --> | ||
<includeonly> | <includeonly> | ||
<div | <div style=" | ||
{{{1}}} | /* Rahmen: 1px dicke, durchgezogene Linie in hellgrau */ | ||
border: 1px solid #ccc; | |||
/* Hintergrund: sehr helles Orange, sorgt für dezente Hervorhebung */ | |||
background-color: #fff4e6; | |||
/* 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 --> | |||
<div style=" | |||
/* Position: absolut relativ zum Eltern-Container */ | |||
position: absolute; | |||
/* Platzierung: bündig links, von oben bis unten gestreckt */ | |||
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> | |||
<!-- Inhalt eingerückt --> | |||
<div style=" | |||
/* Einrückung: 8px Abstand zum orangen Streifen, sorgt für Abstand und Lesbarkeit */ | |||
margin-left: 8px; | |||
"> | |||
{{{1}}} | |||
</div> | |||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Aktuelle Version vom 2. Juli 2025, 13:00 Uhr
Diese Vorlage umschließt den Text in einem dezent hervorgehobenen Kasten.
