Assistant

Das Theme stellt zur Anpassung der Optik von Tabelle einige CSS-Klassen bereit. Diese erlauben es, die wechselnden Farben abzuschalten und die Tabelle automatisch sortierbar zu machen.

Beispiel: Normale Tabelle ohne Styling

Beispiel: Tabelle mit class="nooddcolor"

Mit der class="nooddcolor" wird die wechselnde Farbe zwischen den Zeilen unterdrückt.

Beispiel: Tabelle mit class="nobackground"

Mit der class="nobackground" wird bewirkt, dass die Tabelle keine Hintergrundfarbe hat.

Beispiel: Tabelle mit class="sorttable"

Mit der class="sorttable" wird eine Sortier-Möglichkeit aktiviert:

Beispiel: Tabelle mit class="filtertable"

Mit der class="filtertable" wird eine Filter-Möglichkeit aktiviert:

Beispiel

Dies ist ein Blockquote. Ein längerer als Zitat gekennzeichneter Absatz mit Zitatangabe. ... Zitationsangabe mit <cite>. Mit einem Link.

Dazugehöriger HTML-Code (über den Editor erzeugt)

<blockquote>Dies ist ein Blockquote.
Ein längerer als Zitat gekennzeichneter Absatz mit Zitatangabe.
...
<cite>Zitationsangabe mit <cite>. Mit einem <a href="#">Link</a>.</cite></blockquote>

Zitation im Absatztext

Ist gewünscht nur ein paar Worte in einem Absatz als Zitat hervorzuheben, wird das HTML-Element <cite> verwendet.

In dem vorherigen Satz wurde dazu das Wort "Zitat" entsprechend gekennzeichnet.

Absatzzitate ohne Quote-Zeichen

Das Zitat „Ich bin Pirat und mir geht’s gut. Am Tag packt mich die Stehlenswut.“ kommt aus dem Holzfäller-Lied (Original Lumberjack Song) von Monthy Python. Hier heißt es „Ich bin Holzfäller und mir geht’s gut. Am Tag packt mich die Arbeitswut.“

Wikipedia

Dies wird erreicht, indem der HTML-Tag blockquote um die Klasse "noquote" ergänzt wird.

Code

<blockquote class="noquote">Dies ist ein Blockquote.
...
<cite>Zitationsangabe mit <cite>. Mit einem <a href="#">Link</a>.</cite></blockquote>

Blockquotes ohne Quotes werden insbesondere dann benötigt, wenn es darum geht, wissenschaftliche Formeln und ähnliches darzustellen. In diesen Fällen wäre ein Quotezeichen falsch.

Ebenso sind westeuropäische Quotezeichen nur bei westeuropäischen Texten sinnvoll. Das folgende Beispiel zeigt dies bei chinesischen Text:

孤山寺北贾亭西 水面初平云脚低 几处早莺争暖树 谁家新燕啄春泥 乱花渐欲迷人眼 浅草才能没马蹄 最爱湖东行不足 绿杨阴里白沙堤

Code

<blockquote lang="cn">
孤山寺北贾亭西
水面初平云脚低
..
</blockquote>

Die folgenden Beispiele zeigen deren Einsatz.

Code-Tag

Der folgende Text ist im Code-Tag: Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten:
. Aber ob das sinnvoll ist, ist eine andere Frage..

Code

<code>Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten: <br>. Aber ob das sinnvoll ist, ist eine andere Frage.</code>

Pre-Tag

Der folgende Text ist im Code-Tag:

Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten: 
. Aber ob das sinnvoll ist, ist eine andere Frage.

Code

<pre>Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten: <br>. Aber ob das sinnvoll ist, ist eine andere Frage.</pre>

Code in Pre

Beispiel:

Dies ist im Code-Tag. Das kann durchaus auch länger sein. Und vielleicht ein Break enthalten: 
. Aber ob das sinnvoll ist, ist eine andere Frage.

Code

<pre>Dies ist im Code-Tag. Das kann durchaus auch länger sein. <code>Und vielleicht ein Break enthalten: <br></code>. Aber ob das sinnvoll ist, ist eine andere Frage.</pre>

Die folgenden Klassen stehen zur Verfügung:

Standardausgabe

<ul>...<ul>

<ol>...<ol>

Ausgabe ohne Listenpunkte

<ul class="nolist">...<ul>

<ol class="nolist">...<ol>

Klasse Markercolor

<ul class="phil markercolor">...<ul>

<ol class="phil markercolor">...<ol>

Kontrastmarker

<ul class="med kontrastmarker">...<ul>

<ol class="med kontrastmarker">...<ol>

Spezialmarker für unsortierte Listen

<ul>

<ul><li class="symbol name">...<li><ul>

• Positiv mit

  class="positiv"

• Negativ mit

  class="negativ"

• Fragezeichen mit

  class="question"

• Ausrufezeichen mit

  class="exclamation"

• Paragraphenzeichen mit

  class="paragraph"

• Haken mit

  class="check"

• Kreuz mit

  class="cross"