Vorlage:W503: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 1: Zeile 1:
{{#vardefine: width
+
Testbild
|{{{rw|{{{rahmen_w|240}}} }}}
+
<div class='testbild' style='background: #eee; padding: 1em; max-width: 48em;' ><!--
 +
--><onlyinclude><!--
 +
 
 +
Bilder
 +
 
 +
-->{{#vardefine: img1 |{{{1|backyardshrine.jpg}}} }}<!-- 
 +
-->{{#vardefine: img2 |{{{2|umenomiya_shrine.jpg}}} }}<!--     
 +
-->{{#vardefine: img3 |{{{3|schrein_torii_komainu.jpg}}} }}<!--     
 +
 
 +
Gesamtbreite
 +
 
 +
-->{{#vardefine:rwAll | {{{rwAll|500}}} }}<!-- 
 +
 
 +
Format grid
 +
 +
-->{{#vardefine:grid
 +
|{{#ifeq: {{{format|}}} | right |  1/2/3 | 1/1/3
 +
}}  
 
}}<!--
 
}}<!--
-->{{#vardefine: height
 
|{{{rh| {{{rahmen_h|160}}} }}}
 
}}<!--
 
-->{{#vardefine: height2
 
|{{#expr: {{#var: height}}*2 + 18}}
 
}}<!-- {{#ifeq: 1 | 1 | 2 | 1}}
 
--><div class= "bildbox bildtext"><!--
 
--><table class= "bildbox bildtext" ><tr><!--
 
  
Reihe 1 -->
+
Standardweite Einzelbild, rw
<td rowspan={{#ifeq: {{{rowspan|}}} | right | 1 | 3}}  width={{#expr: {{{rahmen_w1|{{#var:width}} }}} }}>{{Dia
+
 
| {{{1|hiroshige_asakusa_fischer.jpg}}}| rahmen_w={{{rahmen_w1|{{#var:width}} }}}| rahmen_h={{{rahmen_h1|{{#var:height{{#ifeq: {{{rowspan|}}} | right | | 2 }} }} }}}| w={{{w1|{{#var:width}} }}} | top={{{top1|0}}}|left={{{left1|0}}} }}
+
-->{{#vardefine:rw | {{#expr: {{#var:rwAll}}*48/100 }} }}<!--
</td><td width=8 rowspan=3></td>  
+
 
<td  rowspan={{#ifeq:{{{rowspan|}}} | right | 3 | 1}} width={{{rahmen_w2|{{#var:width}} }}} }}>{{Dia
+
Weite kleine Bilder
| {{{2|hiroshige_asakusa.jpg}}}| rahmen_w={{{rahmen_w2|{{#var:width}} }}}| rahmen_h={{{rahmen_h2|{{#var:height{{#ifeq: {{{rowspan|}}} | right | 2}}}} }}}| w={{{w2|{{#var:width}} }}} | top={{{top2|0}}}|left={{{left2|0}}} }} </td>
+
 
</tr>
+
-->{{#vardefine:rw2 | {{#var:rw}} }}<!--
<tr><td height=6></td></tr>
+
-->{{#vardefine:rw3 | {{#var:rw}} }}<!--
<tr><!---
+
 
 +
Standardhöhe Einzelbild, rh
 +
 
 +
-->{{#vardefine:rh | {{#expr: {{#var:rwAll}}*32/100 }} }}<!--
 +
-->{{#vardefine:rh2 | {{#var:rh}} }}<!--
 +
-->{{#vardefine:rh3 | {{#var:rh}} }}<!--
 +
 
 +
Standardhöhe großes Bild, rh1
 +
 
 +
-->{{#vardefine:rh1 | {{#expr: {{#var:rh}} * 2.15  }} }}<!--
 +
 
 +
reference, ref
 +
 
 +
-->{{#vardefine:ref
 +
|{{#if: {{{4|{{{5|}}} }}} | | {{#ifeq: {{{ref|}}}| 1|{{ref|bild={{{1|}}}}}{{ref|bild={{{2|}}}}}{{ref|bild={{{3|}}}}} }} }}
 +
}}<!-- 
 +
 
 +
Caption:
 +
 
 +
-->{{#vardefine:caption
 +
|{{#if: {{{caption| }}}  
 +
|<div class= 'bildtext caption'>{{#var:ref}} {{{caption|}}}</div> }}
 +
}}<!--  
 +
 +
HTML
  
Reihe 3 -->
+
--><div class='w500x {{{hell|}}}' style='width:{{#expr:{{#var:rwAll}}+8}}px; {{{style|}}}'>
<td>{{Dia
+
<div style='display: grid;
  | {{{3|hiroshige_asakusa.jpg}}}| rahmen_w={{{rahmen_w3|{{#var:width}} }}}| rahmen_h={{{rahmen_h3|{{#var:height}} }}}| w={{{w3|{{#var:width}} }}} | top={{{top3|0}}}|left={{{left3|0}}}  
+
  grid-template-columns: 48% auto; 
 +
  grid-gap: 10px 4%;'>  
 +
<div style='grid-area: {{#var:grid}}'> 
 +
{{DiaX
 +
| {{#var:img1}}
 +
| {{{4|}}}
 +
| rw= {{#var:rw}}
 +
| rh= {{#var:rh1}}
 +
| w= {{{w1|}}}
 +
| top=  {{{top1|0}}}
 +
| left=  {{{lr1|{{{left1|0}}}}}}  
 +
| right= {{{lr1|{{{right1|0}}}}}} 
 +
| ref= {{{ref|}}} 
 +
}}
 +
</div>
 +
<div>
 +
{{DiaX
 +
| {{#var:img2}}
 +
| {{{5|}}}
 +
| rw= {{#var:rw2}}
 +
| rh= {{#var:rh2}}
 +
| w= {{{w2|}}}
 +
| top=  {{{top2|0}}}
 +
| left=  {{{lr2|{{{left2|0}}}}}} 
 +
| right= {{{lr2|{{{right2|0}}}}}}  
 +
| ref= {{{ref|}}}
 +
}}
 +
</div>
 +
<div style='align-self: end;'> 
 +
{{DiaX
 +
| {{#var:img3}}
 +
| {{{6|}}}
 +
| rw= {{#var:rw3}}
 +
| rh= {{#var:rh3}}
 +
| w= {{{w3|}}}
 +
| top=   {{{top3|0}}}
 +
| left= {{{lr3|{{{left3|0}}}}}} 
 +
| right= {{{lr3|{{{right3|0}}}}}}
 +
| ref= {{{ref|}}}  
 
}}
 
}}
</td></tr><!---
+
</div>
 +
</div>
 +
{{#var:caption}}</div><!--
 +
 
 +
Vorlage Ende
  
Reihe 4 -->
+
--></onlyinclude></div>
{{#if: {{{caption|{{{ref|}}} }}}
+
----
|<tr><td colspan=3><div> {{#if: {{{ref|}}}
+
Parameter:
  | {{ref|ref={{{ref|}}}|bild={{{1|}}} }}{{ref|ref={{{ref|}}}|bild={{{2|}}} }}{{ref|ref={{{ref|}}}|bild={{{3|}}} }}
+
: Div:  hell, style, format=[right]
  <br/>}}{{{caption|}}}</div></td></tr>
+
: Bild: 1, 2, 3, w, rh, top, right, left, lr
}}</table></div><!--
+
: Text: 4, 5, 6, ref, caption
--><noinclude>
 
Parameter: rw, rh, rowspan=right (default: links), rahmen_w1, rahmen_h1, etc.
 

Version vom 27. August 2018, 15:34 Uhr

Testbild

Ein torii in einer Hintergasse Tōkyōs.
Eckhart Derschmidt, PBase 2005 (mit freundlicher Genehmigung).
Schreinzugang mit torii in städtischer Umgebung.
Bildquelle: unbekannt.
Typisches Ensemble von torii, Miniaturschrein (hokora), komainu und Steinlaterne (tōrō) in einer städtischen Parkanlage.
Bildquelle: unbekannt.

Parameter:

Div: hell, style, format=[right]
Bild: 1, 2, 3, w, rh, top, right, left, lr
Text: 4, 5, 6, ref, caption