Vorlage:Textbox

Aus Wiiki
Wechseln zu: Navigation, Suche


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.
  • Kopfzeile: Die Kopfzeile, in der der Text immer zentriert ist.
  • Text: Freier Text-Bereich innerhalb der Textbox.

Textbox Beispiele

Standard-Textbox
Textbox ohne Attribute

Farbenfestlegung über den Verwendungszweck

Diese Schemata sind den Farbangaben vorzuziehen. Bei Bedarf werden weitere Schemen definiert oder die Farben geändert.

Tabelle 'heading'

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.

Tabelle 'news large'

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.

Tabelle 'help huge'

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.

Tabelle 'info center'

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.

Tabelle 'content'

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:

Tabelle 'red'

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.

Tabelle 'orange large'

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.

Tabelle 'yellow huge'

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.

Tabelle 'green center'

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.

Tabelle 'cyan'

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.

Tabelle 'blue large'

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.

Tabelle 'magenta huge'

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.

Tabelle 'white center'

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.

Tabelle 'gray'

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.

Tabelle 'black large'

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.

Tabelle 'red alt grid float-right'
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.
Tabelle 'orange alt float-right'
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.
Tabelle 'yellow grid float-right'
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.
Tabelle 'green float-right'
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.
Tabelle 'cyan alt grid float-right'
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.
Tabelle 'blue alt float-right'
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.
Tabelle 'magenta grid float-right'
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.
Tabelle 'white float-right'
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.
Tabelle 'gray alt grid float-right'
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.
Tabelle 'black alt float-right'
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.
Tabelle 'red headline'
<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.
Tabelle 'orange grid headline'
<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.
Tabelle 'yellow alt headline'
<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.
Tabelle 'green alt grid headline'
<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.
Tabelle 'cyan headline'
<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.
Tabelle 'blue large grid headline'
<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.
Tabelle 'magenta huge alt headline'
<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.
Tabelle 'white center alt grid headline'
<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.
Tabelle 'gray headline'
<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.
Tabelle 'black grid headline'
<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.