Vorlage:Textbox
Inhaltsverzeichnis
Verwendung
textbox-Elemente liefern CSS-basierte Kästen und Tabellen. Das Aussehen der hier definierten und verwendeten Klassen erfolgt durch Definitonen in MediaWiki:Common.css.
Verwendung: {{textbox|Attribute|Kopfzeile|Text}} oder in Tabellen: class="textbox Attribute"
-
Attribute ist eines oder mehrere der der folgenden Schlüsselworte:
- Farb-Schemata:
- heading: Mitteilungen im Kopfbereich (=red)
- news: Nachrichten (=cyan)
- help: Hilfe (=cyan)
- info: Allgemeine Informationen (=blue)
- content: Inhaltsverzeichnisse (=magenta)
- Direkte Farbangaben: red, orange, yellow, green, cyan, blue, magenta, white, gray und black
- Ausrichtungen:
- center: Zentrierter Text.
- float-left: left floated Textbox oder Tabelle.
- float-right: right floated Textbox oder Tabelle.
- Optionen:
- headline: Die erste Zeile eine Tabelle wird als Überschriftenzeile farblich hervorgehoben.
- grid: Ein farbiges Raster in Tabellen aktivieren.
- alt: Abwechselnde Farben für Tabellenzeilen.
- large: Kopfzeile und text sind um 20% vergrößert.
- huge: Kopfzeile und text sind um 40% vergrößert.
- Farb-Schemata:
- Kopfzeile: Die Kopfzeile, in der der Text immer zentriert ist.
- Text: Freier Text-Bereich innerhalb der Textbox.
Textbox Beispiele
Farbenfestlegung über den Verwendungszweck
Diese Schemata sind den Farbangaben vorzuziehen. Bei Bedarf werden weitere Schemen definiert oder die Farben geändert.
Attribute: heading
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: news large
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: help huge
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: info center
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: content
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Konkrete Farben
Es folgen Textbox-Elemente aller Farben mit wechselnen Attributen:
Attribute: red
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: orange large
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: yellow huge
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: green center
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: cyan
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: blue large
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: magenta huge
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: white center
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: gray
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Attribute: black large
Ein kurzer Satz.
Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt.
Tabellen Beispiele
Die folgenden Beispiele zeigen Tabellen mit wechslenen Attributen. Rechts sind zusätzlich mit float-right gesetzt.
Attribute: | red alt grid float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | orange alt float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | yellow grid float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | green float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | cyan alt grid float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | blue alt float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | magenta grid float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | white float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | gray alt grid float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
Attribute: | black alt float-right |
---|---|
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | red headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | orange grid headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | yellow alt headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | green alt grid headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | cyan headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | blue large grid headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | magenta huge alt headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | white center alt grid headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | gray headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |
<th> | <td> |
---|---|
Attribute: | black grid headline |
Text 1: | Ein kurzer Satz. |
Text 2: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 3: | Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. Ein etwas längerer Text, der sich wiederholt. |
Text 4: | Ein kurzer Satz. |