User:ɞɞ/Kasten/doc

Die Vorlage {{Kasten}} erzeugt überraschenderweise einen Kasten.

Verwendung

{{Kasten|inhalt=|style=|position=|css=}}

{{Kasten|inhalt=dezenter grauer Kasten|style=dezenter grauer Kasten}}

ergibt

Template:Kasten

{{Kasten|inhalt=blauer Kasten|style=blauer Kasten}}

ergibt

Template:Kasten

{{Kasten|position=rechts|style=Systemnachricht}}

ergibt

Template:Kasten

Parameter

x

Name	Beschreibung		Standard	Status
inhalt	Textinhalt		Warnmeldung	erforderlich
style	Aussehen des Kastens		leer	optional
position			leer	optional

Code

<onlyinclude><includeonly>{{HTMLTag|

|html-tag={{{html-tag|div}}} |float-objekte-beachten={{{float-objekte-beachten|ja}}} |clear={{{clear|}}} |inline={{{inline|nein}}} |nomobile={{{nomobile|}}} |noprint={{{noprint|}}} |css= /* margin-top und margin-bottom wie aktuell bei p-Tags setzen */ margin-top: 0.5em; margin-bottom: 0.5em; /* Definieren des CSS für die einzelnen Styles (padding wird später definiert) */ {{#switch: {{{style}}} | Fehlermeldung = border-top: 1px solid #ff8080; background-color: #ffcccc; | Info = border-top: 1px solid #8080ff; background-color: #ccccff; | Hinweis = border-top: 1px solid #ffaa80; background-color: #fff8cc; | grauer Rahmen = border:1px #AAA solid; | blauer Rahmen = border:1px solid #069; | Systemnachricht | grauer Kasten = border: 1px solid #AAA; background-color: #F9F9F9; | blauer Kasten = border: 1px solid #069; background-color: #F2F7FF; | dezenter grauer Kasten = border: 1px solid #DDD; background-color: #F9F9F9; | #default = }} /* Definitions von font-size */ {{#switch: {{{style}}} | Info | Hinweis | Fehlermeldung = font-size: 95%; | Systemnachricht = font-size: 90%; }} /* Definieren des Paddings */ {{#switch: {{{style}}} | Info | Hinweis | Fehlermeldung | Systemnachricht | blauer Kasten | grauer Kasten | grauer Rahmen | dezenter grauer Kasten | blauer Rahmen = padding: 0.35em 0.8em; }} /* Setzen der grundlegenden CSS-Eigenschaften für {{{position}}} */ {{#switch: {{{position}}} | float links = float:left; margin-right: 1.4em; | float rechts = float:right; margin-left: 1.4em; | links = | rechts = margin-left: auto; | mittig = margin-left: {{#if: {{{außenabstand|}}} | {{{außenabstand}}} | auto }}; margin-right: {{#if: {{{außenabstand|}}} | {{{außenabstand}}} | auto }}; | ganze Breite | #default = }} /* Setzen von max-width (in Abhängigkeit von {{{position}}}) width überschreibt bei gesetztem Wert den Wert für max-width*/ {{#switch: {{{position}}} | float links | float rechts = max-width: {{#if:{{{width|}}}| {{{width}}} | {{#if:{{{max-width|}}}| {{{max-width}}} | }}}}; }} /* Setzen von width (in Abhängigkeit von {{{position}}}) */ {{#switch: {{{position}}} | float links | float rechts = {{#if: {{{width|}}} | width:{{{width}}}; }} | links | rechts = width: {{#if: {{{width|}}} | {{{width}}} | 33% }}; | mittig = {{#if: {{{außenabstand|}}} | | width: {{#if: {{{width|}}} | {{{width}}} | 50% }}; }} }} /* Setzen von min-width (in Abhängigkeit von {{{position}}}) */ min-width: {{{min-width|15em}}}; /* Padding+Border mit in die Width-Anweisung über die CSS3-Eigenschaft „box-sizing” aufnehmen */ {{VendorCSS|box-sizing|border-box}} {{{css|}}} |inhalt={{{inhalt|{{{1|{{{style|'''Kein Inhalt wurde für {{tl|Kasten}} angegeben!'''}}}}}}}}} }}</includeonly></onlyinclude> {{Bearbeiten}}{{Verborgen}}

{{Documentation}}