Quelltext der Seite Vorlage:Sitzverteilung/Doku

<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
Diese Vorlage dient der Darstellung einer Parlamentssitzverteilung in einem Halbkreisdiagramm.
{{Achtung|Um das Diagramm korrekt darstellen zu können, muss dein Browser die CSS3-Eigenschaften <code>border-radius</code> und <code>transform</code> unterstützen. Gegenwärtig tun dies Opera 10.5+, FF 3.6+, Safari 4+, google Chrome 4+ und IE9 (nicht im Kompatibilitätsmodus). In anderen Browsern wird ein einfacher „gestapelter Balken“ angezeigt.}}

== Kopiervorlage ==
<syntaxhighlight lang="wikitext" copy>
{{Sitzverteilung
| Land  =
| float = right
|<!-- Reihenfolge: -->
|  = 
}}
</syntaxhighlight>

== Parameter ==
Die Vorlage kann bis zu 16 Parteien verarbeiten. Deren Namen werden, um die Reihenfolge anzugeben, als (unbenannte) Parameter 1 bis 16 übergeben. Die erreichten Sitze werden für jede Partei an einen gleichnamigen Parameter übergeben, siehe [[#Beispiel]]. Die Farben und Links werden bei großen Parteien automatisch über die [[Vorlage:Wahldiagramm/Partei]] verwendet, sie lassen sich aber auch direkt angeben (Parameternamen <code><Parteiname> Farbe</code> und <code><Parteiname> Link</code> oder als Verwendung der Vorlage, siehe [[#manuell|Beispiel]]). '''Achtung:''' wird für die ''letzte'' Partei in der Reihe Parameter 1&nbsp;ff FARBE/LINK angegeben, muss dahinter ein «&#124;» gesetzt werden (beim Beispiel: «<code>Braun|</code>»)<!--Die Vorlage übergibt sonst einen Umbruch, kann also <code><Parteiname> Farbe</code> nicht korrekt verarbeiten-->
* Der Parameter <code>Land</code> benötigt ein von der [[Vorlage:Wahldiagramm/Partei|Farbvorlage]] angenommenes Länderkürzel, bei Weglassen des Parameters wird <code>DE</code> verwendet
* Ein optionaler Parameter <code>Breite</code> kann einen ''Faktor'' für die Breite der Box angeben. Standardbreite ist 16em (≈220px), der Faktor sollte also gemäßigt zwischen <code>0.5</code> und <code>2.5</code> liegen!
* Ein optionaler Parameter <code>float</code> mit den möglichen Werten <code>left</code> oder <code>right</code> macht die Box zu einem Thumbnail-Imitat, es erscheint eine automatisch generierte Legende.
* '''ACHTUNG''', der Parameter „Beschriftung“ führt derzeit teilweise zu fehlerhaften Darstellungen, siehe Disk., daher bitte nicht benutzen!<br />Ein optionaler Parameter <code>Beschriftung</code> kann mit den Werten <code>Partei</code> oder <code>Sitze</code> belegt werden und verursacht die Beschriftung der Segmente. Der Wert <code>Farbe</code> erzeugt unsinnige Beschriftungen.
* Ein optionaler Parameter <code>Bildbeschreibung</code> kann die Bildunterschrift ersetzen. Er sollte aber selten verwendet werden, damit die in der normalerweise dargestellten Legende enthaltenen Informationen auch in Browsern, die das Diagramm nicht anzeigen können, erhalten bleiben. Bei Umformulierungswünschen sollte eine Erweiterung der Vorlage um einen Legendenanpassungsparameter [[Helmstedt-Wiki:Vorlagenwerkstatt|beantragt]] werden.
* Ein optionaler Parameter <code>Legende</code> erzwingt bei keiner Bildbeschreibung die Darstellung der Farblegende. Bei Thumbdarstellung per <code>float</code> geschieht dies automatisch. Ist er eine Zahl, so wird diese als Schriftgröße (in %) verwendet.
* Ein optionaler Parameter <code>Spalten</code> bewirkt eine Veränderung der Spaltenzahl der Legende. Sinnvoll ist eine natürliche Zahl, Vorgabe ist 2.
* Ein optionaler Parameter <code>Überschrift</code> bewirkt die Darstellung einer Überschrift, auch bei Thumb-Darstellung. Ohne Thumb wird dazu eine Definitionsliste verwendet
* Ein optionaler Parameter <code>Anmerkung</code> ermöglicht eine Ergänzung der Bildunterschrift bzw. Legende um beliebigen Text

== Beispiele ==
=== Mit ''float'' ===
{{Sitzverteilung
| Überschrift = Überschrift
| float = right
| Beschriftung = Sitze
| Land  = DE
|SPD|GRÜNE|FDP|CDU|AFD
| SPD   = 22
| GRÜNE = 10
| CDU   = 64
| FDP   = 19
| AFD   = 12
}}
<syntaxhighlight lang="wikitext">
{{Sitzverteilung
| float = right
| Beschriftung = Sitze
| Land  = DE
|SPD|GRÜNE|FDP|CDU|AFD
| SPD   = 22
| GRÜNE = 10
| CDU   = 64
| FDP   = 19
| AFD   = 12
}}
</syntaxhighlight>
{{absatz}}

=== Ohne ''float'' ===
<div class="hintergrundfarbe-basis" style="width:25em; border:1px dashed #2f6fab; padding:1em; float:right;">{{Sitzverteilung
| Beschriftung = Sitze
| Land  = DE
|SPD|GRÜNE|FDP|CDU|AFD
| SPD   = 22
| GRÜNE = 10
| CDU   = 64
| FDP   = 19
| AFD   = 12
}}</div>
<syntaxhighlight lang="wikitext">
{{Sitzverteilung
| Beschriftung = Sitze
| Land  = DE
|SPD|GRÜNE|FDP|CDU|AFD
| SPD   = 22
| GRÜNE = 10
| CDU   = 64
| FDP   = 19
| AFD   = 12
}}
</syntaxhighlight>

=== Mit ''Stripes pattern'' ===
{{Sitzverteilung
| Beschriftung = Sitze
| float = right
|Beispiel|Example|Bunt|Braun|
| Beispiel = 7
| Example  = 6
| Bunt     = 20
| Braun    = 0
| Beispiel Link = [[Partei|Beispiel]]
| Example Link = [https://example.org Example]
| Bunt Link = Bunt
| Braun Link = keiner
| Beispiel Farbe = F00
| Example Farbe = 589
| Bunt Farbe = FC3; background-size: 10px 10px;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(0, 200, 0, .5)), to(rgba(0, 200, 0, .5))), -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, rgba(200, 0, 0, .5)), to(rgba(200, 0, 0, .5)));
background-image: -webkit-linear-gradient(transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: -moz-linear-gradient(transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: -ms-linear-gradient(transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5)), -ms-linear-gradient(0deg, transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: -o-linear-gradient(transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5)), -o-linear-gradient(0deg, transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: linear-gradient(transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5)), linear-gradient(0deg, transparent 50%, rgba(0, 200, 0, .5) 50%, rgba(200, 0, 0, .5));
| Braun Farbe = 541
}}
<syntaxhighlight lang="wikitext">
{{Sitzverteilung
| Beschriftung = Sitze
| float = right
|Beispiel|Example|Bunt|Braun|
| Beispiel = 7
| Example  = 6
| Bunt     = 20
| Braun    = 0
| Beispiel Link = [[Partei|Beispiel]]
| Example Link = [https://example.org Example]
| Bunt Link = Bunt  <!--Bunt Link: zwischen Partei und Link darf nur ein Leerzeichen!-->
| Braun Link = keiner
| Beispiel Farbe = F00  <!--die Farbe darf nicht mit einem # beginnen!-->
| Example Farbe = 589  <!--Example Farbe: zwischen Partei und Farbe darf nur ein Leerzeichen!-->
| Bunt Farbe = FC3 <!-- see https://lea.verou.me/blog/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/ -->
| Braun Farbe = 541
}}
</syntaxhighlight>

{{Dokumentation/Siehe auch|Liste=
* [[Vorlage:Wahldiagramm/Partei/DE]] (verfügbare Parteien-Kürzel für das Länderkürzel DE / Deutschland)
** zu anderen Länderkürzeln siehe [[Vorlage:Wahldiagramm/Partei]]<!--und [[Kategorie:Vorlage:Metadaten Partei]]--> 
* [[Vorlage:W3C-Farben]] (weitere [[Cascading Style Sheets#CSS3|CSS3]]-Farbnamen mit Nummern)
}}
<includeonly>
[[Kategorie:Vorlage:Politik]]
[[Kategorie:Vorlage:Halbkreisdiagramm|Sitzverteilung]]
</includeonly>