Vorlage:W503: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| (8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Testbild | Testbild | ||
| − | <div class='testbild | + | <div class='testbild'><!-- |
--><onlyinclude><!-- | --><onlyinclude><!-- | ||
| − | Bilder | + | Bilder ba |
| − | -->{{#vardefine: img1 |{{{1| | + | -->{{#vardefine: img1 |{{{1|Asakusa_pagode.jpg}}} }}<!-- |
-->{{#vardefine: img2 |{{{2|umenomiya_shrine.jpg}}} }}<!-- | -->{{#vardefine: img2 |{{{2|umenomiya_shrine.jpg}}} }}<!-- | ||
| − | -->{{#vardefine: img3 |{{{3|schrein_torii_komainu.jpg}}} }}<!-- | + | -->{{#vardefine: img3 |{{{3|schrein_torii_komainu.jpg}}} }}<!-- |
| + | |||
| + | Bildtext kurz | ||
| + | |||
| + | -->{{#vardefine:text1 | ||
| + | | {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{4|}}} | ||
| + | }}<!-- | ||
| + | -->{{#vardefine:text2 | ||
| + | | {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} }} {{{5|}}} | ||
| + | }}<!-- | ||
| + | -->{{#vardefine:text3 | ||
| + | | {{#if: {{{ref|}}}|{{ref|bild={{{3|}}} }} }} {{{6|}}} | ||
| + | }}<!-- | ||
| + | |||
| + | Caption: | ||
| + | |||
| + | -->{{#vardefine:caption | ||
| + | | {{#if: {{{caption| }}} | ||
| + | |<div class='bildtext caption'>{{{caption|}}}</div> | ||
| + | }} | ||
| + | }}<!-- | ||
Gesamtbreite | Gesamtbreite | ||
| − | -->{{#vardefine:rwAll | {{{ | + | -->{{#vardefine:rwAll | {{#if:{{{max|}}}|700|500 }}}}<!-- |
Format grid | Format grid | ||
| Zeile 22: | Zeile 42: | ||
Standardweite Einzelbild, rw | Standardweite Einzelbild, rw | ||
| − | -->{{#vardefine:rw | {{#expr: {{#var:rwAll}}*48/100 }} }}<!-- | + | -->{{#vardefine:rw |
| + | | {{#expr: {{#expr: {{#var:rwAll}}*48/100 }} round 0 }} | ||
| + | }}<!-- | ||
Weite kleine Bilder | Weite kleine Bilder | ||
| Zeile 29: | Zeile 51: | ||
-->{{#vardefine:rw3 | {{#var:rw}} }}<!-- | -->{{#vardefine:rw3 | {{#var:rw}} }}<!-- | ||
| − | Standardhöhe | + | Standardhöhe, rh |
| − | -->{{#vardefine:rh | {{#expr: {{#var:rwAll}}* | + | -->{{#vardefine:rh |
| − | -->{{#vardefine:rh2 | {{#var:rh}} }}<!-- | + | | {{#expr: {{#expr: {{#var:rwAll}}*2/3 }} round 0 }} |
| − | -->{{#vardefine:rh3 | {{#var: | + | }}<!-- |
| + | -->{{#vardefine:rh2 | ||
| + | | {{#expr: {{#expr: {{#var:rh}}*47/100 }} round 0 }} | ||
| + | }}<!-- | ||
| + | -->{{#vardefine:rh3 | {{#var:rh2}} }}<!-- | ||
| − | + | Abstände | |
| + | |||
| + | -->{{#vardefine:t1|{{{t1|{{{top1|}}} }}} }}<!-- | ||
| + | -->{{#vardefine:l1|{{{l1|{{{left1|{{{lr1|0}}} }}} }}} }}<!-- | ||
| + | -->{{#vardefine:r1|{{{r1|{{{right1|{{{lr1|0}}} }}} }}} }}<!-- | ||
| + | -->{{#vardefine:b1|{{{b1|}}} }}<!-- | ||
| + | |||
| + | -->{{#vardefine:t2|{{{t2|{{{top2|}}} }}} }}<!-- | ||
| + | -->{{#vardefine:l2|{{{l2|{{{left2|{{{lr2|0}}} }}} }}} }}<!-- | ||
| + | -->{{#vardefine:r2|{{{r2|{{{right2|{{{lr2|0}}} }}} }}} }}<!-- | ||
| + | -->{{#vardefine:b2|{{{b2|}}} }}<!-- | ||
| + | |||
| + | -->{{#vardefine:t3|{{{t3|{{{top3|}}} }}} }}<!-- | ||
| + | -->{{#vardefine:l3|{{{l3|{{{left3|{{{lr3|0}}} }}} }}} }}<!-- | ||
| + | -->{{#vardefine:r3|{{{r3|{{{right3|{{{lr3|0}}} }}} }}} }}<!-- | ||
| + | -->{{#vardefine:b3|{{{b3|}}} }}<!-- | ||
| − | + | class | |
| − | + | -->{{#vardefine:max|{{#if:{{{max|}}}|imax }}}}<!-- | |
| − | -->{{#vardefine: | + | -->{{#vardefine:showPopup |
| − | + | | {{#ifeq:{{{noviewer|}}}|1 | |
| + | | 0 | ||
| + | | {{{ref|0}}} | ||
| + | }} | ||
| + | }}<!-- | ||
| + | -->{{#vardefine:showPopup2 | ||
| + | | {{#var:showPopup}} | ||
}}<!-- | }}<!-- | ||
| − | + | -->{{#vardefine:showPopup3 | |
| − | + | | {{#var:showPopup}} | |
| − | + | }}<!-- | |
| − | -->{{#vardefine: | ||
| − | |||
| − | | | ||
| − | }}<!-- | ||
HTML | HTML | ||
| − | --><div class=' | + | --><div class='imgWrap {{{hell|}}}'><div class='i500 {{#var:max}}' style=' |
| − | + | display: grid; | |
| − | grid-template-columns: | + | grid-template-columns: 1fr 1fr; |
| − | grid-gap: | + | grid-gap:6% 4%'> |
<div style='grid-area: {{#var:grid}}'> | <div style='grid-area: {{#var:grid}}'> | ||
| − | {{ | + | {{Dia |
| − | | {{#var:img1}} | + | | img= {{#var:img1}} |
| − | | {{ | + | | text={{#var:text1}} |
| rw= {{#var:rw}} | | rw= {{#var:rw}} | ||
| − | | rh= {{#var: | + | | rh= {{#var:rh}} |
| − | | | + | | t={{#var:t1}} |
| − | | | + | | l={{#var:l1}} |
| − | | | + | | r={{#var:r1}} |
| − | | | + | | b={{#var:b1}} |
| − | | | + | | showPopup={{#var:showPopup}} |
}} | }} | ||
</div> | </div> | ||
<div> | <div> | ||
| − | {{ | + | {{Dia |
| − | | {{#var:img2}} | + | | img= {{#var:img2}} |
| − | | {{ | + | | text={{#var:text2}} |
| rw= {{#var:rw2}} | | rw= {{#var:rw2}} | ||
| rh= {{#var:rh2}} | | rh= {{#var:rh2}} | ||
| − | | | + | | t={{#var:t2}} |
| − | | | + | | l={{#var:l2}} |
| − | | | + | | r={{#var:r2}} |
| − | | | + | | b={{#var:b2}} |
| − | | | + | | showPopup={{#var:showPopup2}} |
}} | }} | ||
</div> | </div> | ||
<div style='align-self: end;'> | <div style='align-self: end;'> | ||
| − | {{ | + | {{Dia |
| − | | {{#var:img3}} | + | | img= {{#var:img3}} |
| − | | {{ | + | | text={{#var:text3}} |
| rw= {{#var:rw3}} | | rw= {{#var:rw3}} | ||
| rh= {{#var:rh3}} | | rh= {{#var:rh3}} | ||
| − | | | + | | t={{#var:t3}} |
| − | | | + | | l={{#var:l3}} |
| − | | | + | | r={{#var:r3}} |
| − | | | + | | b={{#var:b3}} |
| − | | | + | | showPopup={{#var:showPopup3}} |
}} | }} | ||
</div> | </div> | ||
| − | </div> | + | </div>{{#var:caption}}</div><!-- |
| − | {{#var:caption}}</div><!-- | ||
Vorlage Ende | Vorlage Ende | ||
| Zeile 105: | Zeile 147: | ||
---- | ---- | ||
Parameter: | Parameter: | ||
| − | : Div: hell, style, rwAll, format | + | : Div: hell, style, rwAll, format[right] |
| − | : Bild: 1, 2, 3, w, rh, | + | : Bild: 1, 2, 3, w, rh, t, r, l, lr |
: Text: 4, 5, 6, ref, caption | : Text: 4, 5, 6, ref, caption | ||
Aktuelle Version vom 6. November 2023, 15:12 Uhr
Testbild
Parameter:
- Div: hell, style, rwAll, format[right]
- Bild: 1, 2, 3, w, rh, t, r, l, lr
- Text: 4, 5, 6, ref, caption