Vorlage:Img: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 62: | Zeile 62: | ||
Bildweite = w | Bildweite = w | ||
| + | -->{{#vardefine:l {{{l|{{{lr|}}} }}} }}<!-- | ||
| + | -->{{#vardefine:r {{{r|{{{lr|}}} }}} }}<!-- | ||
-->{{#vardefine:w | -->{{#vardefine:w | ||
| − | |{{#expr: {{#expr:({{#var:rw}}-{{ | + | |{{#expr: {{#expr:({{#var:rw}}-{{#var:l}}-{{#var:r}})*6/5}} round 0}}px |
}}<!-- | }}<!-- | ||
| Zeile 74: | Zeile 76: | ||
Abstände in % von rw | Abstände in % von rw | ||
| − | -->{{#vardefine:t | + | -->{{#vardefine:m-t |
|{{#if:{{{t|}}} | |{{#if:{{{t|}}} | ||
|margin-top:{{#expr: {{{t|}}}/{{#var:rw}}*100 round 2}}%; | |margin-top:{{#expr: {{{t|}}}/{{#var:rw}}*100 round 2}}%; | ||
}}}}<!-- | }}}}<!-- | ||
| − | -->{{#vardefine:r | + | -->{{#vardefine:m-r |
| − | |{{#if:{{ | + | |{{#if:{{#var:r}} |
| − | |margin-right:{{#expr: {{ | + | |margin-right:{{#expr: {{#var:r}}/{{#var:rw}}*100 round 2}}%; |
}}}}<!-- | }}}}<!-- | ||
| − | -->{{#vardefine:l | + | -->{{#vardefine:m-l |
| − | |{{#if:{{ | + | |{{#if:{{#var:l}} |
| − | |margin-left:{{#expr: {{ | + | |margin-left:{{#expr: {{#var:l}}/{{#var:rw}}*100 round 2}}%; |
}}}}<!-- | }}}}<!-- | ||
| − | -->{{#vardefine:b | + | -->{{#vardefine:m-b |
|{{#if:{{{b|}}} | |{{#if:{{{b|}}} | ||
|margin-bottom:{{#expr: {{{b|}}}/{{#var:rw}}*100 round 2}}%; | |margin-bottom:{{#expr: {{{b|}}}/{{#var:rw}}*100 round 2}}%; | ||
| − | }}}}<!-- | + | }}}}<!-- |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
HTML | HTML | ||
| Zeile 101: | Zeile 97: | ||
--><div id='{{#var:id}}' class='imgBorder diax2' {{#var:style}}><!-- | --><div id='{{#var:id}}' class='imgBorder diax2' {{#var:style}}><!-- | ||
--><div class='aussen' style='{{#var:rh_aussen}}'><!-- | --><div class='aussen' style='{{#var:rh_aussen}}'><!-- | ||
| − | --><div class='innen' style='{{#var:pos_innen}} {{#var:t}} {{#var:r}} {{#var:l}} {{#var:b}}'><!-- | + | --><div class='innen' style='{{#var:pos_innen}} {{#var:m-t}} {{#var:m-r}} {{#var:m-l}} {{#var:m-b}}'><!-- |
-->[[Bild:{{#var:img}}|{{#var:w}}|ohne|link=]]</div><!-- | -->[[Bild:{{#var:img}}|{{#var:w}}|ohne|link=]]</div><!-- | ||
Version vom 14. Juni 2020, 14:41 Uhr
Img
Das Bild passt sich an die Größe des umgebenden DIV an. Standardmäßig ist eine div-Dimension von 1:1 angegeben.
Testbild:
Darstellung der Ame no Uzume.
Werk von Katsushika Hokusai. Edo-Zeit, 1816. Internet Archive, Birmingham Young University.
Werk von Katsushika Hokusai. Edo-Zeit, 1816. Internet Archive, Birmingham Young University.
Parameter:
{{img
| uzume-hokusai.jpg
| (text)
| rw= <!-- Rahmenweite -->
| rh= <!-- Rahmenhöhe, px oder auto, default= rw -->
| t= <!-- top (Abstand oben) -->
| l= <!-- left -->
| r= <!-- right -->
| lr= <!-- left and right -->
| b= <!-- bottom -->
| ref= <!-- 1 -->
| style= <!-- CSS-Befehl -->
}}