Vorlage:Bildausschnitt
Local description
Lokale Verwendungen der Vorlage Bildausschnitt
Local code
Local Subpages
Remote Description
Sämtliche Links verweisen auf das Wiki Kunterbunt
Die Vorlage {{Bildausschnitt}} erzeugt einen Ausschnitt eines Bildes. Wenn der Bildname fehlt, ist die Vorlage ohne Effekt.
Mit Breite wird die Breite des Kastens, mit Höhe die Höhe angegeben. Bildbreite bestimmt die Größe bzw. Vergrößerung des Bildes, X und Y geben an, wie weit das Bild nach links (X) und oben (Y) verschoben wird.
Wenn man nun nur den oberen Teil anzeigen lassen will, dann gibt man für X und Y O an (Man kann X und Y auch weglassen, da O der Standardwert ist), d. h. das Bild wird weder nach links noch nach oben verschoben. Man muß dann nur noch die Höhe angeben, mit der die Höhe des Kastens bestimmt wird, bzw. angeben, wie viel des Bildes in vertikaler Richtung gezeigt wird. Wenn man also den oberen Teil einer Zeitung in seiner ganzen Breite anzeigen will, muß man nur die Höhe angeben, der Rest kann bei den Standardwerten belassen werden. Will man allerdings nur den Artikel angeben, also die linke und rechte Seite sowie den Titel der Zeitung „abschneiden“, dann muß die Bildbreite erhöht und mit X und Y das Bild entsprechend nach links und oben verschoben werden.Alle Vorlagenlisten: Admins, AlleListen, Bildausschnitt, Boxen, Code, Codeformatierungsvorlagen, Dateitypen, Datumsvorlagen, Formatvorlagen, Linkvorlagen, Lizenzvorlagen, Lua, Mathematik, Parameterersetzungen, Rdz, Startseite, SVG, SVG Vorlagen, Systematisierungsvorlagen, Textkategorien, VListe, Vorlagendokumentationsvorlagen, Vorlagenliste, WikiMedia
Parameter
Name | Beschreibung | Standard | Status | |
---|---|---|---|---|
1 | Bild | leer | erforderlich | |
2 | Bildtext | leer | optional | |
height | Höhe des Kastens in Pixeln | leer | optional | |
rahmen | Rahmenbreite in Pixeln | leer | optional | |
breite | Breite | leer | optional | |
farbe | Hintergrundfarbe | leer | optional | |
bildlaufleiste | Soll das Bild rollbar sein? Ja oder XY / X / Y / Nein | nein | optional | |
bildbreite | Breite des Bildes in Pixeln | 250 | optional | |
x | Horizontaler Versatz nach links in Pixeln | 0 | optional | |
y | Vertikaler Versatz nach oben in Pixeln | 0 | optional | |
ausrichtung | Ausrichtung, links/rechts/mittig | rechts | optional |
Kopiervorlagen
|1=
|2=
|height=
|rahmen=
|breite=
|farbe=
|bildlaufleiste=
|bildbreite=
|x=
|y=
|ausrichtung=}}
|1=
|2=
|height=
|rahmen=
|breite=
|farbe=
|bildlaufleiste=
|bildbreite=
|x=
|y=
|ausrichtung=}}
Anwendung
{{Bildausschnitt|1=Rainbow flag heart reflected.svg|2=Edda Bag klein|rahmen=4|farbe=#faa|bildlaufleiste=y|bildbreite=600|x=150|y=350}}
<div style="border: 4px solid #faa; clear: right; float: right; margin: 0px 0px 5px 15px; padding: 3px; max-width: 252px; background-color: #faa">
<div style="border: 4px solid #faa; overflow-y: visible; overflow-x: hidden;">
<div style="margin-top: -350px; margin-left: -150px;">[[File:Rainbow flag heart reflected.svg|602px|Zum Anzeigen des ganzen Bildes anklicken]]</div>
</div><div style="display: inline-block; font-size: 90%; padding: 5px 3px 0px 3px; line-height: 110%;">Edda Bag klein</div>
</div>
{{Bildausschnitt|Rainbow flag heart reflected.svg|2=Edda Bag klein|rahmen=0|farbe=#f0faff|bildlaufleiste=n|bildbreite=400|ausrichtung=m}}
<div style="border: 0px solid #f0faff; clear: both; margin: 15px 15px 15px; padding: 3px; max-width: 252px; background-color: #f0faff">
<div style="border: 0px solid #f0faff; overflow: hidden;">
<div style="margin-top: -0px; margin-left: -0px;">[[File:Rainbow flag heart reflected.svg|402px|Zum Anzeigen des ganzen Bildes anklicken]]</div>
</div><div style="display: inline-block; font-size: 90%; padding: 5px 3px 0px 3px; line-height: 110%;">Edda Bag klein</div>
</div>
Code
<includeonly><onlyinclude>{{#if:{{{1|}}}|
<div style="border: {{{rahmen|1}}}px solid {{{farbe|0}}}; {{#switch:{{{ausrichtung}}}
|links|l = clear: left; float: left; margin: 0px 15px 5px 0px;
|mittig|m = clear: both; margin: 15px 15px 15px;
|#default = clear: right; float: right; margin: 0px 0px 5px 15px;
}} padding: 3px; max-width: {{#expr:{{{breite|250}}} + 2}}px; background-color: {{{farbe|2}}}">
<div style="border: {{{rahmen|1}}}px solid {{{farbe|0}}}; {{#if:{{{height|}}}|max-height: {{{height}}}px;}} {{#switch:{{lc:{{{bildlaufleiste}}}}}
| xy | ja = overflow: auto
| x = overflow-x: visible; overflow-y: hidden
| y = overflow-y: visible; overflow-x: hidden
|#default = overflow: hidden}};">
<div style="margin-top: -{{{y|0}}}px; margin-left: -{{{x|0}}}px;">[[File:{{{1}}}|{{#expr:{{{bildbreite|250}}} + 2}}px|Zum Anzeigen des ganzen Bildes anklicken]]</div>
</div><!--
-->{{#if:{{{2|}}}|<!--
--><div style="display: inline-block; font-size: 90%; padding: 5px 3px 0px 3px; line-height: 110%;">{{{2}}}</div>}}
</div>}}</onlyinclude></includeonly>{{Dokumentation}}
Bild ganz
File:Info-Icon.png |
|
Verwendungen dieser Vorlage
- Template:Bildausschnitt (transclusion) (← links)
- Template:Bildausschnitt/doc (transclusion) (← links)
Unterseiten