Vorlage:W502 pair: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „Testbild <div class='testbild'><!-- --><onlyinclude><!-- Bilder -->{{#vardefine: img1 |{{{1|kasuga_lanterns3.jpg}}} }}<!-- -->{{#vardefine: img2 |{{{2|kas…“)
 
Zeile 63: Zeile 63:
 
class
 
class
  
-->{{#vardefine:max|{{#if:{{{max|}}}|imax }}}}<!--  
+
-->{{#vardefine:max|{{#if:{{{max|}}}|imax }}}}<!--    
  
 +
polygon
 +
 +
-->{{#vardefine:polygon1
 +
|calc({{{slashStart|15}}}% - .2rem) 0, 100% 0, 100% 100%, calc({{{slashEnd|5}}}% - .2rem) 100%
 +
}}<!-- 
 +
-->{{#vardefine:polygon2
 +
|{{{slashStart|15}}}% 0, 100% 0, 100% 100%, {{{slashEnd|5}}}% 100%
 +
}}<!-- 
  
 
HTML  
 
HTML  
Zeile 86: Zeile 94:
 
</div>
 
</div>
 
<div style='margin-left: calc(-10% - .1rem);
 
<div style='margin-left: calc(-10% - .1rem);
clip-path: polygon(calc(15% - .2rem) 0, 100% 0, 100% 100%, calc(5% - .2rem) 100%);
+
clip-path: polygon({{#var:polygon1}});
background: #ccc;
+
background: {{{slashColor|#ccc}}};
 
z-index:2;
 
z-index:2;
 
'>
 
'>
 
<div style='
 
<div style='
clip-path: polygon(15% 0, 100% 0, 100% 100%, 5% 100%);
+
clip-path: polygon({{#var:polygon2}});
 
'>
 
'>
 
{{Dia
 
{{Dia

Version vom 13. Mai 2023, 16:09 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%)