Vorlage:CSS-Bildausschnitt: Unterschied zwischen den Versionen

Aus 5BN-Wiki
Wechseln zu: Navigation, Suche
(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:
Achtung: Diese Vorlage verursacht auf Mobilgeräten, in Druckversionen etc. Darstellungsfehler. Zudem ist sie nicht in der Medienvorschau wirksam.
+
{{#if:{{{Image|}}}|<div class="{{#if:{{{Description|}}}|thumb <!--
 
+
-->{{#switch:{{{Location|}}}
<onlyinclude><includeonly><div class="{{#ifeq: {{{Location|}}} | center |center"><div class="|{{#ifeq: {{{Description|}}}|||thumb}}}} {{#switch: {{{Location|}}} | right = t | left = t | none = t | = {{#ifeq: {{{Description|}}}|||tright}}}}{{{Location|}}}">
+
| none | tnone = tnone
{{#ifeq: {{{Description|}}}|||<div style="width: {{{cWidth}}}px;" class="thumbinner">}}
+
| left | tleft = tleft
<div style="width:{{{cWidth}}}px;height:{{{cHeight}}}px;overflow:hidden;">
+
| right | tright = tright
<div style="position:relative;top:-{{{oTop}}}px;left:-{{{oLeft}}}px;width:{{{bSize}}}">
+
| center = center
[[Datei:{{{Image}}}|{{{bSize}}}px|class=noresize]]
+
| #default = tright }}|<!-- if no description:
</div>{{#ifeq: {{{Description|}}}|||</div><div class="thumbcaption">{{{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: {{{Location|}}} | center |</div>|}}</includeonly></onlyinclude>
+
</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]

Version vom 31. Mai 2019, 15:25 Uhr

Vorlage:Documentation


Dokumentation