Blockquotes

Verschiedene Blockquotes.

Standard Blockquotes ohne Attribute oder Optionen

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Nun ein Blockquote mit zwei Absätze und Links:

Ich war ein Packer, ein Pastor, ein Pirat, ein Poet, ein Bauer und ein König! Am liebsten war ich Pirat.

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.“

Nun ein Blockquote mit einem Zitat <cite>:

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Blockquote ohne Balken

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="borderless">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Blockquote mit dünnen Balken

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="smallborder">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Blockquote mit vollständiger Umrandung

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="boxborder">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Blockquote mit normaler Schrift und dünner Box

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="small">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Blockquotes mit der zweiten Hauptfarbe

Vielleicht will ich die zweite Farbe haben? Dann nutze ich die Klasse „secondcolor“:

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="secondcolor">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Blockquotes mit der Anführungszeichen

Und vielleicht will ich ein Quotesign haben, weil ich im Text selbst keine Quotes hab. Dann nehm ich die Klasse „quotesign“:

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="quotesign">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Kombination von Blockquotes ohne Balken und Anführungszeichen

Und nun ein Quote, der sowohl „borderless“ als auch „quotesign“ hat:

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="quotesign borderless">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Kombination von Blockquotes mit der zweiten Hauptfarbe und Anführungszeichen

Und nun ein Quote, der sowohl „secondcolor“ als auch „quotesign“ hat:

Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

Zitatgeber mit Link

Code:

<blockquote class="quotesign secondcolor">
Hier steht ein normaler Blockquote, ohne irgendwelche Besonderheiten.

<cite>Zitatgeber mit <a href="#">Link</a></cite>
</blockquotev

Wenn gewünscht ist, dass der Text mittig ist, dann wird dies über die normalen Attribute des Absatzes definiert, aber nicht im Blockquote:

Die Piraten

(Gedicht zur Berlin-Wahl 2011.)

Wieder gab’s in Deutschland mal
turnusmäßig eine Wahl.
Die Berliner sollten wählen,
sich zur Stimmabgabe quälen.

Und gemäß des Wählers Meinung
trat ein Grüppchen in Erscheinung,
mit dem Etikett „Piraten“,
denn es roch den fetten Braten.
Und sie kamen, um zu entern,
schafften es, dass andre kentern.

Hört’ Piraten: Euer Schiff
läuft vielleicht mal auf ein Riff,
denn im Meer der Politik
bricht man schnell sich das Genick.

Euer Sieg sei euch gegönnt,
zeigt, Piraten, was ihr könnt!
Bleibt auf Kurs und wisst: Oh weh,
Politik ist schwere See!
Seid stets wachsam und sehr munter,
sonst geht euer Schiff bald unter.

© Alfons Pillach, 2011

Code

Die Absätze werden mit dem Inline-Style versehen, der auch vom Visuellen Editor kommt:

<blockquote class="borderless"> 
<p style="text-align: center;">#
Wieder gab’s in Deutschland mal
turnusmäßig eine Wahl.
Die Berliner sollten wählen,
sich zur Stimmabgabe quälen.</p>
...
</blockquote>