Vorlage:Bildausschnitt

Zur Navigation springen Zur Suche springen
Diese Dokumentation wird eingebunden von der Vorlage {{Transdoc}}

Local description

Lokale Verwendungen der Vorlage Bildausschnitt

Local code

<includeonly><onlyinclude>{{#invoke:Hili|vorlage|vorlage=Bildausschnitt}}</onlyinclude></includeonly>{{Transdoc}}

Local Subpages

Remote Description

Diese Vorlage sowie die dazugehörige Dokumentation wird aus dem Wiki Kunterbunt eingebunden.

Sämtliche Links verweisen auf das Wiki Kunterbunt

Die Vorlage Bildausschnitt ist nur auf eingebundenen Seiten voll sichtbar und auf dieser Seite versteckt.

Vorlagendokumentation Bearbeiten · Raw · Versionen · Cache leeren · Seiteninformation
Diese Vorlagendokumentation wird von der Seite Template:Bildausschnitt/doc eingebunden.

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.

Parameter

x
NameBeschreibungStandardStatus
1Bildleererforderlich
2Bildtextleeroptional
heightHöhe des Kastens in Pixelnleeroptional
rahmenRahmenbreite in Pixelnleeroptional
breiteBreiteleeroptional
farbeHintergrundfarbeleeroptional
bildlaufleisteSoll das Bild rollbar sein? Ja oder XY / X / Y / Neinneinoptional
bildbreiteBreite des Bildes in Pixeln250optional
xHorizontaler Versatz nach links in Pixeln0optional
yVertikaler Versatz nach oben in Pixeln0optional
ausrichtungAusrichtung, links/rechts/mittigrechtsoptional

Kopiervorlagen

{{Bildausschnitt|1=|2=|height=|rahmen=|breite=|farbe=|bildlaufleiste=|bildbreite=|x=|y=|ausrichtung=}}
{{Bildausschnitt|1=|2=|height=|rahmen=|breite=|farbe=|bildlaufleiste=|bildbreite=|x=|y=|ausrichtung=}}
{{Bildausschnitt
|1=
|2=
|height=
|rahmen=
|breite=
|farbe=
|bildlaufleiste=
|bildbreite=
|x=
|y=
|ausrichtung=}}
{{Bildausschnitt
|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}}
ergibt als Wikitext expandiert:
<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>
angewendet:
Zum Anzeigen des ganzen Bildes anklicken
Edda Bag klein
{{Bildausschnitt|Rainbow flag heart reflected.svg|2=Edda Bag klein|rahmen=0|farbe=#f0faff|bildlaufleiste=n|bildbreite=400|ausrichtung=m}}
ergibt als Wikitext expandiert:
<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>
angewendet:
Zum Anzeigen des ganzen Bildes anklicken
Edda Bag klein

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


Verwendungen dieser Vorlage

Unterseiten