{{Bildteil|1=|position=|boxbreite=|height=|hshift=|vshift=|addstyle=|bildbreite=|overflow=|border=|bildheight=}}
Vorlage:Bildteil/doc
Zur Navigation springen
Zur Suche springen
Bearbeiten · Raw · Versionen · Cache leeren · Messages · Seiteninformation · Vorlage bearbeiten · Seiteninformation Vorlage
Diese Seite ist die Dokumentations-Unterseite der Vorlage Bildteil |
Die Vorlage {{Bildteil}} erzeugt einen Bildausschnitt, der in horizontaler und vertikaler Richtung wählbar ist.
- MediaWiki Bilder einbinden
- Vorlage: einen Bildausschnitt mit CSS gestalten
- CSS Tricks
- https://forum.selfhtml.org/self/2016/aug/31/css-bildausschnitt-statt-verzerren.rss
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung#clip
- http://www.professorweb.de/css/bilder-mit-css-beschneiden.html
- https://commons.wikimedia.org/wiki/Category:SVG_arrow_icons:_Oxygen
- https://commons.wikimedia.org/wiki/File:Blue_Glass_Arrow-top.svg
- absolut positionierte Box als Link zum Seitenanfang verwenden
<span id="top"></span> [[{{FULLPAGENAME}}#|Seitenanfang]]
Parameter
Name | Beschreibung | Standard | Status | |
---|---|---|---|---|
1 | Bildname | Gitter.png | optional | |
position | CSS position Property | relative | optional | |
boxbreite | Breite des Ausschnittes CSS width Property | 100% | optional | |
height | Höhe des Ausschnittes CSS height Property | 200px | optional | |
hshift | horizontale Verschiebung CSS left Property | 0 | optional | |
vshift | vertikale Positionierung CSS top Property | 0 | optional | |
addstyle | zusätzliche Formatierung lt. CSS Reference | leer | optional | |
bildbreite | Bildbreite lt. MediaWiki-Syntax | auto | optional | |
overflow | Sichtbarkeit in vertikaler Richtung CSS overflow Property | scroll | optional | |
border | Rahmen CSS border Property | 0 solid green | optional | |
bildheight | Bildhöhe | {{{height|500px}}} | optional |
Kopiervorlagen
{{Bildteil|1=|position=|boxbreite=|height=|hshift=|vshift=|addstyle=|bildbreite=|overflow=|border=|bildheight=}}
{{Bildteil
|1=
|position=
|boxbreite=
|height=
|hshift=
|vshift=
|addstyle=
|bildbreite=
|overflow=
|border=
|bildheight=}}
|1=
|position=
|boxbreite=
|height=
|hshift=
|vshift=
|addstyle=
|bildbreite=
|overflow=
|border=
|bildheight=}}
{{Bildteil
|1=
|position=
|boxbreite=
|height=
|hshift=
|vshift=
|addstyle=
|bildbreite=
|overflow=
|border=
|bildheight=}}
|1=
|position=
|boxbreite=
|height=
|hshift=
|vshift=
|addstyle=
|bildbreite=
|overflow=
|border=
|bildheight=}}
Anwendung
{{Bildteil|hshift=100px|height=200px|bildbreite=250px|overflow=hidden|1=Sie liebt mich.png}}
ergibt angewendet:
Code
<includeonly>
<onlyinclude><div style="position: {{{position|relative}}}; width: {{{boxbreite|auto}}}; height: {{{height|500px}}}; border: {{{border|0 dashed green}}}; overflow: hidden;"><div style="height: {{{bildheight|{{{height|500px}}}}}}; position: absolute; left: -{{{hshift|0}}}; top: {{{vshift|0}}}; overflow-y: {{{overflow|scroll}}}; {{{addstyle|}}}">[[File:{{{1|{{PAGENAME}}.png}}}|{{{bildbreite|auto}}}|link={{{link|File:{{{1|Gitter.png}}}}}}]]</div></div></onlyinclude>
</includeonly>{{Dokumentation}}