Vorlage:W502: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
 
(32 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 6: Zeile 6:
  
 
-->{{#vardefine: img1 |{{{1|kasuga_lanterns3.jpg}}} }}<!--   
 
-->{{#vardefine: img1 |{{{1|kasuga_lanterns3.jpg}}} }}<!--   
-->{{#vardefine: img2 |{{{2|kasuga4.jpg}}} }}<!--  
+
-->{{#vardefine: img2 |{{{2|kasuga4.jpg}}} }}<!--  
  
Gesamtbreite
+
Bildtext kurz
  
-->{{#vardefine:rwAll | {{{rwAll|600}}} }}<!--
+
-->{{#vardefine:text1
 +
| {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{3|}}}
 +
}}<!-- 
 +
-->{{#vardefine:text2
 +
| {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} }} {{{4|}}}  
 +
}}<!--
 +
 +
Standardweite Einzelbild, stw, rw
  
Standardweite Einzelbild, rw
+
-->{{#vardefine:stw|{{#if:{{{max|}}}|700|500 }}}}<!--
 +
-->{{#vardefine:rw|{{#if:{{{max|}}}|340|240 }}}}<!--   
 +
-->{{#vardefine:rw1 | {{{rw1|{{#var:rw}} }}} }}<!--
 +
-->{{#vardefine:rw2 | {{{rw2|{{#var:rw}} }}} }}<!--
  
-->{{#vardefine:rw
+
Prozent rw1, rw2
| {{{rw|{{{rahmen_w|{{#expr: {{#var:rwAll}}*48/100 }} }}}}}}
+
240 > % von 500
}}<!--
+
340 > % von 700
-->{{#vardefine:rw1 | {{{rw1|{{{rahmen_w1|{{#var:rw}}}}}}}} }}<!--
 
-->{{#vardefine:rw2 | {{{rw2|{{{rahmen_w2|{{#var:rw}}}}}}}} }}<!--
 
  
Prozent rw1
 
 
-->{{#vardefine:rw1%  
 
-->{{#vardefine:rw1%  
| {{#if: {{{rw1|{{{rahmen_w1|}}}}}} | {{#expr: {{#var:rw1}}/5 }}  
+
| {{#expr: {{#var:rw1}}*100/{{#var:stw}} }}  
| 48 }} }}<!--
+
}}<!--
 +
-->{{#vardefine:rw2% 
 +
| {{#expr: {{#var:rw2}}*100/{{#var:stw}} }}  
 +
}}<!--
  
 
Standardhöhe, rh
 
Standardhöhe, rh
  
-->{{#vardefine:rh | {{{rh|{{{rahmen_h|300}}}}}} }}<!--
+
-->{{#vardefine:rh | {{{rh|250}}} }}<!--
-->{{#vardefine:rh1 | {{#expr: {{{rh1|{{{rahmen_h1|{{#var:rh}}}}}}}}*6/5 }} }}<!--
+
-->{{#vardefine:rh1 | {{{rh1|{{#var:rh}} }}} }}<!--
-->{{#vardefine:rh2 | {{#expr: {{{rh2|{{{rahmen_h2|{{#var:rh}}}}}}}}*6/5 }} }}<!--
+
-->{{#vardefine:rh2 | {{{rh2|{{#var:rh}} }}} }}<!--
 +
 
 +
Abstände
  
right
+
-->{{#vardefine:t1|{{{t1|{{{top1|}}}}}}}}<!--   
 +
-->{{#vardefine:l1|{{{l1|{{{left1|{{{lr1|0}}}}}}}}}}}<!--   
 +
-->{{#vardefine:r1|{{{r1|{{{right1|{{{lr1|0}}}}}}}}}}}<!--
 +
-->{{#vardefine:b1|{{{b1|}}}}}<!--
  
-->{{#vardefine:right1 | {{#if: {{{w1|}}}
+
-->{{#vardefine:t2|{{{t2|{{{top2|}}}}}}}}<!--   
| {{#expr: {{#var:rw1}} - ({{{w1|}}}*6/5 + {{{left1|0}}}*6/5) }}
+
-->{{#vardefine:l2|{{{l2|{{{left2|{{{lr2|0}}}}}}}}}}}<!--  
| 0
+
-->{{#vardefine:r2|{{{r2|{{{right2|{{{lr2|0}}}}}}}}}}}<!--
}} }}<!--
+
-->{{#vardefine:b2|{{{b2|}}}}}<!--  
-->{{#vardefine:right2 | {{#if: {{{w2|}}}
 
| {{#expr: {{#var:rw2}} - ({{{w2|}}}*6/5 + {{{left2|0}}}*6/5) }}
 
| 0
 
}} }}<!--
 
  
 
Caption:
 
Caption:
  
 
-->{{#vardefine:caption
 
-->{{#vardefine:caption
|{{#if: {{{caption| }}}  
+
| {{#if: {{{caption| }}}  
|<div class='bildtext caption'>{{#if: {{{ref|}}}| {{#if:{{{3|}}}||{{ref|ref={{{ref|}}}|bild={{{1|}}} }} }}{{#if:{{{4|}}}||{{ref|ref={{{ref|}}}|bild={{{2|}}} }} }} }} {{{caption|}}}</div>
+
|<div class='bildtext caption'>{{{caption|}}}</div>
 
}}
 
}}
}}<!--  
+
}}<!--  
 +
 
 +
class
 +
 
 +
-->{{#vardefine:max|{{#if:{{{max|}}}|imax }}}}<!-- 
 +
 
 +
-->{{#vardefine:showPopup
 +
| {{#ifeq:{{{noviewer|}}}|1
 +
  | 0
 +
  | {{{ref|0}}}
 +
  }}
 +
}}<!--   
 +
 
 +
-->{{#vardefine:showPopup2
 +
| {{#var:showPopup}}
 +
}}<!--   
 +
 
  
 
HTML  
 
HTML  
  
--><div class='w500x {{{hell|}}}' style='{{#if: {{{rwAll|}}}
+
--><div class='imgWrap {{{hell|}}}'><div class='i500  {{#var:max}}' style='
| width: {{{rwAll|}}}; }}{{{style|}}}'>
+
display:grid;
<div style='float: left; width: {{#var:rw1%}}%; margin-right: 4%;'>
+
grid-template-columns: {{#var:rw1}}fr 20fr {{#var:rw2}}fr;
{{DiaX
+
'>
| {{#var:img1}}
+
<div style=''>
| {{{3|}}}
+
{{Dia
  | rw=   {{#var:rw1}}
+
| img={{#var:img1}}
  | rh=   {{#var:rh1}}
+
| text={{#var:text1}}
  | w=     {{{w1|}}}
+
  | rw={{#var:rw1}}
  | top=   {{{top1|0}}}
+
  | rh={{#var:rh1}}
  | left= {{{lr1|{{{left1|0}}}}}}
+
  | t={{#var:t1}}
| right= {{{lr1|{{{right1|{{#var:right1}} }}}}}}  
+
| l={{#var:l1}}
  | border={{{border|}}}  
+
  | r={{#var:r1}}
  | ref= {{{ref|}}}
+
  | b={{#var:b1}}
 +
| showPopup={{#var:showPopup}}  
 +
}}
 +
</div><div class=spaceDiv></div>
 +
<div style=''>
 +
{{Dia
 +
| img= {{#var:img2}}
 +
| text={{#var:text2}}
 +
| rw={{#var:rw2}}
 +
| rh={{#var:rh2}}
 +
| t={{#var:t2}}  
 +
| l={{#var:l2}}
 +
| r={{#var:r2}}
 +
  | b={{#var:b2}}
 +
  | showPopup={{#var:showPopup2}}  
 
  }}
 
  }}
</div>  
+
</div><!--  
{{DiaX
+
--></div>{{#var:caption}}</div><!--   
| {{#var:img2}}
+
 
| {{{4|}}}
+
CSS
  | rw=    {{#var:rw2}}
+
 
| rh=    {{#var:rh2}}
+
-->{{#css:  
| w=    {{{w2|}}}
+
}}<!--
| top=  {{{top2|0}}}
 
| left=  {{{lr2|{{{left2|0}}}}}} 
 
| right= {{{lr2|{{{right2|{{#var:right2}} }}} }}} 
 
| border={{{border|}}}
 
| ref= {{{ref|}}}
 
}}<!--   
 
-->{{#var:caption}}</div><!--
 
  
 
Vorlage Ende
 
Vorlage Ende
Zeile 87: Zeile 121:
 
----
 
----
 
Parameter:
 
Parameter:
: Div:  hell, style
+
: Div:  hell
: Bilder: rwAll, rw, rh, border
+
: Bilder: rw, rh
: Bild1: 1, w1, rw1, rh1, top1, right1, left1, lr1
+
: Bild1: 1, w1, rw1, rh1, t1, r1, l1, lr1
: Bild2: 2, w2, rw2, rh2, top2, right2, left2, 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%)

Aktuelle Version vom 5. November 2023, 16:49 Uhr

Testbild

Kasuga lanterns3.jpg
Kasuga4.jpg

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%)