Ōkuninushi heilt den Hasen von Inaba, dem Meeresungeheuer (wani) das Fell abgezogen haben. Hokusai interpretiert Ōkuninushi als Daikoku und die wani als Krokodile.
Werk von Katsushika Hokusai (1760–1849). Edo-Zeit. Museum of Fine Arts, Boston.
Vorlage:Dia: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(75 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | + | Das Bild passt sich an die Größe des umgebenden DIV an. Standardmäßig ist eine div-Dimension von 1:2 angegeben (dies vor allem für Vorlage:Galerie). | |
− | Testbild | + | |
+ | Testbild: | ||
<div class='testbild'><!-- | <div class='testbild'><!-- | ||
--><onlyinclude><!-- | --><onlyinclude><!-- | ||
Zeile 6: | Zeile 7: | ||
VARIABLE | VARIABLE | ||
− | -->{{#vardefine: img |{{{img|okuninushi_hokusai.jpg}}} }}<!-- | + | -->{{#vardefine: img |
− | -->{{#vardefine: | + | |{{{img|okuninushi_hokusai.jpg}}} |
+ | }}<!-- | ||
+ | -->{{#vardefine: img_id | ||
+ | | i_{{#regex: {{#regex: {{lcfirst:{{#var:img}}}} |/[^\.]+/}}|/ /|_}} | ||
+ | }}<!-- | ||
Bildtext kurz | Bildtext kurz | ||
Zeile 13: | Zeile 18: | ||
-->{{#vardefine:text | -->{{#vardefine:text | ||
| {{#if: {{{text|}}} | | {{#if: {{{text|}}} | ||
− | |< | + | |<dfn><small class='bildtext'>{{{text|}}}</small></dfn> |
}} | }} | ||
}}<!-- | }}<!-- | ||
Zeile 23: | Zeile 28: | ||
Standardweite, rw | Standardweite, rw | ||
− | -->{{#vardefine:rw|{{#if:{{{rw|}}}|{{{rw|}}}| | + | -->{{#vardefine:rw|{{{rw|500}}}}}<!-- |
+ | |||
+ | Standardhöhe, rh | ||
+ | (padding-top: Umrechnung von px in % der Weite) | ||
+ | urspr: {{{rh|300}}} | ||
+ | |||
+ | -->{{#vardefine:rh|{{{rh|{{#expr: {{#var:rw}}*2}}}}}}}<!-- | ||
+ | |||
+ | Abstände | ||
+ | |||
+ | -->{{#vardefine:t | ||
+ | |{{#if:{{{t|}}} | ||
+ | |{{#ifeq: {{#var:rh}} | auto | {{{t|}}}px | ||
+ | |{{#expr: {{{t|}}}/{{#var:rh}}*100}}% | ||
+ | |0}}}}}}<!-- | ||
+ | -->{{#vardefine:r | ||
+ | |{{#if:{{{r|}}} | ||
+ | |{{#expr: {{{r|}}}/{{#var:rw}}*100}}% | ||
+ | |0}}}}<!-- | ||
+ | -->{{#vardefine:l | ||
+ | |{{#if:{{{l|}}} | ||
+ | |{{#expr: {{{l|}}}/{{#var:rw}}*100}}% | ||
+ | |0}}}}<!-- | ||
+ | -->{{#vardefine:b | ||
+ | |{{#if:{{{b|}}} | ||
+ | |{{#ifeq: {{#var:rh}} | auto | {{{b|}}}px | ||
+ | |{{#expr: {{{b|}}}/{{#var:rh}}*100}}% | ||
+ | |0}}}}}}<!-- | ||
− | + | Bildweite, w | |
− | -->{{#vardefine: | + | -->{{#vardefine:w |
− | | {{# | + | |{{#expr: {{#expr:({{#var:rw}}-{{{l|0}}}-{{{r|0}}})*6/5}} round 0}}px |
− | | {{#expr: {{ | + | }}<!-- |
+ | |||
+ | Rahmenhöhe | ||
+ | |||
+ | -->{{#vardefine:rh | ||
+ | | {{#ifeq: {{#var:rh}} | auto | <!--do nothing--> | ||
+ | | padding-top:{{#expr: {{#var:rh}}/{{#var:rw}}*100}}% | ||
}} | }} | ||
}}<!-- | }}<!-- | ||
Zeile 35: | Zeile 73: | ||
styles für innen | styles für innen | ||
− | -->{{#vardefine:margin| margin-}}{{#vardefine:pos_innen| static}}<!-- | + | -->{{#vardefine:margin| margin-}}<!-- |
− | -->{{#if: {{ | + | -->{{#vardefine:pos_innen| static}}<!-- |
+ | -->{{#if: {{#var:rh}}|{{#vardefine:margin|}}{{#vardefine:pos_innen| absolute}} }}<!-- | ||
− | + | style | |
− | + | ||
− | -->{{#vardefine: | + | -->{{#vardefine:style |
− | -->{{#vardefine: | + | | {{#if: {{{style|}}} | style='{{{style|}}}'}} |
− | + | }}<!-- | |
− | + | ||
+ | -->{{#vardefine:showPopup | ||
+ | | {{#ifeq: {{{showPopup|}}} | 0 | ||
+ | | noPopup | ||
+ | | showPopup}} | ||
+ | }}<!-- | ||
− | + | -->{{#vardefine:link | |
+ | | {{#ifeq: {{{showPopup|}}} | 0 | ||
+ | |link= | ||
+ | | | ||
+ | }} | ||
+ | }}<!-- | ||
− | -->{{#vardefine: | + | -->{{#vardefine:fulltext |
− | | | + | | <div class='fulltext'>{{#var:anm}}</div> |
− | }}<!-- | + | }}<!-- |
HTML | HTML | ||
− | --><div id='{{#var: | + | --><div id='{{#var:img_id}}' class='imgBorder dia {{#var:showPopup}}' {{#var:style}}><!-- |
− | --><div class='aussen' style=' | + | --><div class='aussen' style='{{#var:rh}}'><!-- |
− | |||
− | '><!-- | ||
--><div class='innen' style=' | --><div class='innen' style=' | ||
position:{{#var:pos_innen}}; | position:{{#var:pos_innen}}; | ||
− | {{#var:margin}}top:{{ | + | {{#var:margin}}top:{{#var:t}}; |
− | {{#var:margin}}right:{{ | + | {{#var:margin}}right:{{#var:r}}; |
− | {{#var:margin}} | + | {{#var:margin}}left:{{#var:l}}; |
− | {{#var:margin}} | + | {{#var:margin}}bottom:{{#var:b}}; |
'><!-- | '><!-- | ||
− | -->[[Bild:{{#var:img}}|{{#var:w}}|ohne|link | + | -->[[Bild:{{#var:img}}|{{#var:w}}|ohne|{{#var:link}}]]</div></div>{{#var:text}}<!-- |
− | --> | + | |
− | < | + | -->{{#ifeq:{{#var:showPopup}} | noPopup |
+ | | <!--do nothing--> | ||
+ | | {{#var:fulltext}} | ||
+ | }}<!-- | ||
+ | |||
+ | Attribut für Bildlink | ||
+ | |||
+ | -->{{#set:uses_image={{#var:img_id}} | ||
+ | }}</div></onlyinclude><!-- | ||
CSS | CSS | ||
-->{{#css: | -->{{#css: | ||
− | . | + | .testbild .dia { |
− | + | width: 150px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | width: | ||
− | |||
} | } | ||
− | + | }}</div> | |
− | |||
− | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | |||
---- | ---- | ||
Parameter: | Parameter: | ||
<nowiki> | <nowiki> | ||
− | {{ | + | {{Dia |
| uzume-hokusai.jpg | | uzume-hokusai.jpg | ||
| (text) | | (text) | ||
| rw= [px] | | rw= [px] | ||
− | | rh= [px] | + | | rh= [px, auto] <!-- default= rw --> |
− | | | + | | t= |
| l= | | l= | ||
| r= | | r= | ||
Zeile 120: | Zeile 145: | ||
| style= (CSS) | | style= (CSS) | ||
}} | }} | ||
− | </nowiki> | + | </nowiki><!-- |
+ | {{Spezial:Linkliste/{{FULLPAGENAME}}}} | ||
+ | --><noinclude> | ||
+ | === Verwendung in anderen Vorlagen === | ||
+ | |||
+ | {{Spezial:Linkliste/{{FULLPAGENAME}}|namespace=10}} | ||
+ | |||
+ | <templatedata> | ||
+ | { | ||
+ | "params": { | ||
+ | "img": {}, | ||
+ | "text": {}, | ||
+ | "rw": {}, | ||
+ | "rh": {}, | ||
+ | "t": {}, | ||
+ | "r": {}, | ||
+ | "l": {}, | ||
+ | "b": {}, | ||
+ | "style": {}, | ||
+ | "noviewer": { | ||
+ | "description": "Schaltet Popup-Funktion aus", | ||
+ | "example": "1", | ||
+ | "type": "boolean" | ||
+ | } | ||
+ | }, | ||
+ | "description": "Basisvorlage für diverse Bildformate" | ||
+ | } | ||
+ | </templatedata></noinclude> |
Aktuelle Version vom 6. November 2023, 15:32 Uhr
Das Bild passt sich an die Größe des umgebenden DIV an. Standardmäßig ist eine div-Dimension von 1:2 angegeben (dies vor allem für Vorlage:Galerie).
Testbild:
Parameter:
{{Dia | uzume-hokusai.jpg | (text) | rw= [px] | rh= [px, auto] <!-- default= rw --> | t= | l= | r= | lr= | b= | style= (CSS) }}
Verwendung in anderen Vorlagen
- Vorlage:W500 (Vorlageneinbindung) (← Links)
- Vorlage:Floatleft (Vorlageneinbindung) (← Links)
- Vorlage:Floatright (Vorlageneinbindung) (← Links)
- Vorlage:W502 (Vorlageneinbindung) (← Links)
- Vorlage:W503 (Vorlageneinbindung) (← Links)
- Vorlage:W503b (Vorlageneinbindung) (← Links)
- Vorlage:DiaX.2 (Weiterleitungsseite) (← Links)
- Vorlage:Floatright2 (Vorlageneinbindung) (← Links)
- Vorlage:W502 pair (Vorlageneinbindung) (← Links)
Basisvorlage für diverse Bildformate
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
Img | img | keine Beschreibung | Unbekannt | optional |
Text | text | keine Beschreibung | Unbekannt | optional |
Rw | rw | keine Beschreibung | Unbekannt | optional |
Rh | rh | keine Beschreibung | Unbekannt | optional |
T | t | keine Beschreibung | Unbekannt | optional |
R | r | keine Beschreibung | Unbekannt | optional |
L | l | keine Beschreibung | Unbekannt | optional |
B | b | keine Beschreibung | Unbekannt | optional |
Style | style | keine Beschreibung | Unbekannt | optional |
Noviewer | noviewer | Schaltet Popup-Funktion aus
| Boolesch | optional |