Vorlage:Manueller Rahmen

---

Dokumentation

TemplateData

Diese Vorlage kann genutzt werden, um ein der Einbindung von Bildern entsprechendes Aussehen zu erreichen. Sie ist insbesondere für die Einbindung von mittels Vorlage:Graph:Chart erstellten Diagrammen gedacht.

Vorlagenparameter

Parameter		Beschreibung	Typ	Status
Inhalt	content	Inhalt des Rahmens	Wikitext	erforderlich
Beschriftung	caption	Beschriftung auf dem Rahmen	Einzeiliger Text	optional
Ausrichtung	align	Ausrichtung des Rahmens auf der Seite Beispiel left Autowert right	Einzeiliger Text	optional
Breite	width	vorgegebene Breite des Rahmens in Pixeln, ohne Angabe px. Wenn leer, wird die Breite des Inhalts übernommen. Beispiel 200px	Einzeiliger Text	optional
Beschriftungsposition	pos	Position der Beschriftungszeile zum Inhalt (oben oder unten) Beispiel bottom Autowert bottom	Einzeiliger Text	optional
Rahmen-CSS	frame-style	zusätzliche CSS-Definitionen für den Rahmen (thumbinner)	Einzeiliger Text	optional
Inhalt-CSS	content-style	zusätzliche CSS-Definitionen für den Inhalt (thumbimage)	Einzeiliger Text	optional
Beschriftungs-CSS	caption-style	zusätzliche CSS-Definitionen für die Beschriftung (thumbcaption)	Einzeiliger Text	optional
Link	link	Einblenden des typischen Details-Symbols bei Miniaturbildern mit angegebenem Linkziel	Seitenname	optional
Linküberschreibung	linkoverride	Details-Link komplett überschreiben mit angegebenem Wikitext	Wikitext	optional

Format: block

Diese Vorlage kann genutzt werden, um ein der Einbindung von Bildern entsprechendes Aussehen zu erreichen. Sie ist insbesondere für die Einbindung von mittels Vorlage:Graph:Chart erstellten Diagrammen gedacht.

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

Parameter		Beschreibung	Typ	Status
Inhalt	content	Inhalt des Rahmens	Wikitext	erforderlich
Beschriftung	caption	Beschriftung auf dem Rahmen	Einzeiliger Text	optional
Ausrichtung	align	Ausrichtung des Rahmens auf der Seite Beispiel left Autowert right	Einzeiliger Text	optional
Breite	width	vorgegebene Breite des Rahmens in Pixeln, ohne Angabe px. Wenn leer, wird die Breite des Inhalts übernommen. Beispiel 200px	Einzeiliger Text	optional
Beschriftungsposition	pos	Position der Beschriftungszeile zum Inhalt (oben oder unten) Beispiel bottom Autowert bottom	Einzeiliger Text	optional
Rahmen-CSS	frame-style	zusätzliche CSS-Definitionen für den Rahmen (thumbinner)	Einzeiliger Text	optional
Inhalt-CSS	content-style	zusätzliche CSS-Definitionen für den Inhalt (thumbimage)	Einzeiliger Text	optional
Beschriftungs-CSS	caption-style	zusätzliche CSS-Definitionen für die Beschriftung (thumbcaption)	Einzeiliger Text	optional
Link	link	Einblenden des typischen Details-Symbols bei Miniaturbildern mit angegebenem Linkziel	Seitenname	optional
Linküberschreibung	linkoverride	Details-Link komplett überschreiben mit angegebenem Wikitext	Wikitext	optional

Kopiervorlage

{{Manueller Rahmen
|content = 
|caption = 
|link    =
|width   = 
|align   = 
|pos     = 
}}

Beispiele

{{Manueller Rahmen
|content = {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|type=rect|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9}}
|caption = Beispiel-Säulendiagramm
}}

<graph>{"legends":[],"scales":[{"type":"ordinal","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"padding":0.2,"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"zero":true,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"rect","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"y2":{"scale":"y","value":0},"width":{"scale":"x","offset":-1,"band":true},"fill":{"scale":"color","field":"series"}}},"from":{"data":"chart"}}],"height":100,"axes":[{"type":"x","title":"X","scale":"x","format":"d","grid":false},{"type":"y","title":"Y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":10,"series":"y","x":1},{"y":12,"series":"y","x":2},{"y":6,"series":"y","x":3},{"y":14,"series":"y","x":4},{"y":2,"series":"y","x":5},{"y":10,"series":"y","x":8},{"y":7,"series":"y","x":9},{"y":9,"series":"y","x":10}]}],"width":400}</graph>

Beispiel-Säulendiagramm

{{Manueller Rahmen
|content = {{Graph:Chart|width=100|height=100|type=pie|legend=Obstsorten|x=Äpfel,Birnen,Pfirsiche|y1=45,35,20}}
|width   = 300
|caption = Beispiel-Tortendiagramm
|align   = left
|pos     = top
}}

Beispiel-Tortendiagramm

<graph>{"legends":[{"properties":{"legend":{"y":{"value":-100}}},"stroke":"color","title":"Obstsorten","fill":"color"}],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":0},"outerRadius":{"value":100},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}}],"height":100,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":45,"x":"Äpfel"},{"y":35,"x":"Birnen"},{"y":20,"x":"Pfirsiche"}]}],"width":100}</graph>

Siehe auch

• Vorlage:Mehrere Bilder
• Vorlage:Panorama

---

Bei technischen Fragen zu dieser Vorlage kannst du dich an die Vorlagenwerkstatt wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite.

Verwendungen dieser Vorlage Diese Dokumentation befindet sich auf einer eingebundenen Unterseite Liste der Unterseiten.

---