Vorlage:W502: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
(14 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 10: Zeile 10:
 
Bildtext kurz
 
Bildtext kurz
  
-->{{#vardefine:text1
+
-->{{#vardefine:text1  
| {{#if: {{{3|}}}
 
 
| {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{3|}}}
 
| {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{3|}}}
}}
 
 
}}<!--   
 
}}<!--   
-->{{#vardefine:text2
+
-->{{#vardefine:text2  
| {{#if: {{{4|}}}
+
| {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} }} {{{4|}}}  
| {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} }} {{{4|}}}
 
}}
 
 
}}<!--   
 
}}<!--   
 
+
Caption:
 
 
 
-->{{#vardefine:caption
 
| {{#if: {{{caption| }}}
 
|<div class='bildtext caption'>{{#if: {{{ref|}}}
 
| {{#if:{{{3|}}}|<!-- do nothing -->
 
|{{ref | ref={{{ref|}}} | bild={{{1|}}} }} {{ref | ref={{{ref|}}} | bild={{{2|}}} }}
 
}}
 
}} {{{caption|}}}</div>
 
}}
 
}}<!--   
 
 
 
Gesamtbreite
 
 
 
-->{{#vardefine:rwAll | {{{rwAll|600}}} }}<!--
 
 
 
 
Standardweite Einzelbild, rw
 
Standardweite Einzelbild, rw
 +
240 = 48% von 500
  
 
-->{{#vardefine:rw  
 
-->{{#vardefine:rw  
| {{{rw|{{{rahmen_w|{{#expr: {{#var:rwAll}}*48/100 }} }}}}}}
+
| {{{rw|{{{rahmen_w|240 }}}}}}
 
}}<!--
 
}}<!--
 
-->{{#vardefine:rw1 | {{{rw1|{{{rahmen_w1|{{#var:rw}}}}}}}} }}<!--
 
-->{{#vardefine:rw1 | {{{rw1|{{{rahmen_w1|{{#var:rw}}}}}}}} }}<!--
Zeile 49: Zeile 30:
 
-->{{#vardefine:rw1%  
 
-->{{#vardefine:rw1%  
 
| {{#if: {{{rw1|{{{rahmen_w1|}}}}}} | {{#expr: {{#var:rw1}}/5 }}  
 
| {{#if: {{{rw1|{{{rahmen_w1|}}}}}} | {{#expr: {{#var:rw1}}/5 }}  
 +
| 48 }} }}<!--
 +
 +
Prozent rw2
 +
 +
-->{{#vardefine:rw2%
 +
| {{#if: {{{rw2|{{{rahmen_w2|}}}}}} | {{#expr: {{#var:rw2}}/5 }}
 
| 48 }} }}<!--
 
| 48 }} }}<!--
  
 
Standardhöhe, rh
 
Standardhöhe, rh
  
-->{{#vardefine:rh | {{{rh|{{{rahmen_h|300}}}}}} }}<!--
+
-->{{#vardefine:rh | {{{rh|{{{rahmen_h|250}}}}}} }}<!--
-->{{#vardefine:rh1 | {{#expr: {{{rh1|{{{rahmen_h1|{{#var:rh}}}}}}}}*6/5 }} }}<!--
+
-->{{#vardefine:rh1 | {{#expr: {{{rh1|{{{rahmen_h1|{{#var:rh}}}}}}}} }} }}<!--
-->{{#vardefine:rh2 | {{#expr: {{{rh2|{{{rahmen_h2|{{#var:rh}}}}}}}}*6/5 }} }}<!--
+
-->{{#vardefine:rh2 | {{#expr: {{{rh2|{{{rahmen_h2|{{#var:rh}}}}}}}} }} }}<!--
  
 
right  
 
right  
  
 
-->{{#vardefine:r1 | {{#if: {{{w1|}}}
 
-->{{#vardefine:r1 | {{#if: {{{w1|}}}
| {{#expr: {{#var:rw1}} - ({{{w1|}}}*6/5 + {{{left1|0}}}*6/5) }}
+
| {{#expr: {{#var:rw1}} - ({{{w1|}}} + {{{left1|0}}} ) }}
 
| 0
 
| 0
 
}} }}<!--   
 
}} }}<!--   
 
-->{{#vardefine:r2 | {{#if: {{{w2|}}}
 
-->{{#vardefine:r2 | {{#if: {{{w2|}}}
| {{#expr: {{#var:rw2}} - ({{{w2|}}}*6/5 + {{{left2|0}}}*6/5) }}
+
| {{#expr: {{#var:rw2}} - ({{{w2|}}} + {{{left2|0}}} ) }}
 
| 0
 
| 0
 
}} }}<!--   
 
}} }}<!--   
Zeile 83: Zeile 70:
  
 
-->{{#vardefine:caption
 
-->{{#vardefine:caption
|{{#if: {{{caption| }}}
+
|<div class='bildtext width100 {{#if: {{{caption|}}}|caption}}'>{{{caption|}}}</div>  
|<div class='bildtext caption'>{{#if: {{{ref|}}}| {{#if:{{{3|}}}||{{ref|ref={{{ref|}}}|bild={{{1|}}} }} }}{{#if:{{{4|}}}||{{ref|ref={{{ref|}}}|bild={{{2|}}} }} }} }} {{{caption|}}}</div>
 
}}
 
 
}}<!--  
 
}}<!--  
  
 
HTML  
 
HTML  
  
--><div class='i500 {{{hell|}}}' {{#var:style}}>
+
--><div class='i500 wFlex {{{hell|}}}'>
<div class='ileft' style='width: {{#var:rw1%}}%;'>
+
<div style='width: {{#var:rw1%}}%;'>
 
{{DiaX.2
 
{{DiaX.2
 
| img={{#var:img1}}
 
| img={{#var:img1}}
Zeile 101: Zeile 86:
 
  | r={{#var:r1}}
 
  | r={{#var:r1}}
 
  | b={{#var:b1}}
 
  | b={{#var:b1}}
 +
| noviewer={{{noviewer|}}}
 
  }}
 
  }}
 
</div>  
 
</div>  
 +
<div style='width: {{#var:rw2%}}%;'>
 
{{DiaX.2
 
{{DiaX.2
 
| img= {{#var:img2}}
 
| img= {{#var:img2}}
Zeile 112: Zeile 99:
 
  | r={{#var:r2}}
 
  | r={{#var:r2}}
 
  | b={{#var:b2}}
 
  | b={{#var:b2}}
| border={{{border|}}}
 
 
  | ref={{{ref|}}}
 
  | ref={{{ref|}}}
  }}<!--   
+
| noviewer={{{noviewer|}}}
-->{{#var:caption}}</div><!--   
+
  }}
 +
</div><!--   
 +
-->{{#var:caption}}
 +
</div><!--   
  
 
CSS
 
CSS
  
-->{{#css:
+
-->{{#css:  
 
}}<!--
 
}}<!--
  
Zeile 127: Zeile 116:
 
----
 
----
 
Parameter:
 
Parameter:
: Div:  hell, style
+
: Div:  hell
: Bilder: rwAll, rw, rh
+
: Bilder: rw, rh
 
: Bild1: 1, w1, rw1, rh1, t1, r1, l1, lr1
 
: Bild1: 1, w1, rw1, rh1, t1, r1, l1, lr1
 
: Bild2: 2, w2, rw2, rh2, t2, r2, l2, lr2
 
: Bild2: 2, w2, rw2, rh2, t2, r2, l2, lr2
 
: Text: 3, 4, caption, ref
 
: Text: 3, 4, caption, ref
 +
 +
rw1 und rw2 ändern die Proportionen, sollten aber zusammen 480 ergeben (500 - 4%)

Version vom 13. August 2022, 14:46 Uhr

Testbild

Kasuga lanterns3.jpg
Der Hirsch als Symbol des Schreins ist auch auf vielen Laternen (tōrō) zu finden.
Yamada Ryoko, flickr, 2005.
Kasuga4.jpg
Die Grundform ist gleich, doch jede Laterne (tōrō) ist ein Einzelstück.
Owen Murray, flickr, 2007.

Parameter:

Div: hell
Bilder: rw, rh
Bild1: 1, w1, rw1, rh1, t1, r1, l1, lr1
Bild2: 2, w2, rw2, rh2, t2, r2, l2, lr2
Text: 3, 4, caption, ref

rw1 und rw2 ändern die Proportionen, sollten aber zusammen 480 ergeben (500 - 4%)