3.069
Bearbeitungen
(Die Seite wurde neu angelegt: „Achtung: Diese Vorlage verursacht auf Mobilgeräten, in Druckversionen etc. Darstellungsfehler. Zudem ist sie nicht in der Medienvorschau wirksam. <onlyinclud…“) |
(Bessere (?) Version ohne Probleme in der Mobilansicht (?), Quelle: https://en.wikipedia.org/w/index.php?title=Template:CSS_image_crop&action=edit) |
||
Zeile 1: | Zeile 1: | ||
{{#if:{{{Image|}}}|<div class="{{#if:{{{Description|}}}|thumb <!-- | |||
-->{{#switch:{{{Location|}}} | |||
| none | tnone = tnone | |||
{{# | | left | tleft = tleft | ||
| right | tright = tright | |||
<div style="position:relative;top:-{{{oTop}}}px;left:-{{{oLeft}}}px;width:{{{bSize}}}"> | | center = center | ||
[[ | | #default = tright }}|<!-- if no description: | ||
</div>{{# | -->{{#switch:{{{Location|}}} | ||
| none = floatnone | |||
| left = floatleft | |||
| right = floatright | |||
| center = center }}}}"> | |||
{{#if:{{{Description|}}}|<div class="thumbinner" style="width: {{#expr:{{{cWidth}}}+2}}px;">}} | |||
<div {{#if:{{{Description|}}}|class="thumbimage"}} style="width: {{{cWidth}}}px; height: {{{cHeight}}}px; overflow: hidden;"> | |||
<div style="position: relative; top: -{{{oTop|0}}}px; left: -{{{oLeft|0}}}px; width: {{{bSize}}}px"><!-- | |||
--><div class="noresize">[[File:{{{Image}}}|{{{bSize}}}px|alt={{{Alt|{{{Description|{{{Image}}}}}}}}}{{#if:{{{Link|}}}|{{!}}link={{{Link}}}}}{{#if:{{{Page|}}}|{{!}}page={{{Page}}}}}]]</div><!-- | |||
--></div> | |||
{{#if:{{{Description|}}}|</div> | |||
<div class="thumbcaption"> | |||
<div class="magnify">[[:{{#if:{{{magnify-link|}}}|{{{magnify-link}}}|File:{{{Image}}}}}| ]]</div>{{{Description}}} | |||
</div>}} | |||
</div> | </div> | ||
</div>{{#ifeq: {{{ | </div>{{#ifeq:1|{{ifnumber|{{{cWidth|}}}{{{cHeight|}}}{{{oTop|}}}{{{oLeft|}}}{{{bSize|}}}}}||[[Category:CSS image crop using invalid parameters]]}}}}<noinclude> | ||
{{documentation}} | |||
</noinclude> | |||
[https://de.wikipedia.org/wiki/Vorlage:CSS-Bildausschnitt/Doku Dokumentation] | [https://de.wikipedia.org/wiki/Vorlage:CSS-Bildausschnitt/Doku Dokumentation] |