Vorlage:Panorama Galerie

Aus OPwiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
[gesichtete Version][gesichtete Version]
(und nochmal)
Zeile 1: Zeile 1:
-
<includeonly><div style="width: 800px; max-width: 100%; border: 1px solid #ccc; background: #f9f9f9; padding: 10px; margin: 0; overflow: hidden;"><div style="width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; display: block; padding-bottom: 25px;">{{#if:{{{bild1|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild1}}}|120x120px|center]]</div></div>{{#if:{{{text1|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text1}}}</div>}}</span>}}{{#if:{{{bild2|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild2}}}|120x120px|center]]</div></div>{{#if:{{{text2|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text2}}}</div>}}</span>}}{{#if:{{{bild3|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild3}}}|120x120px|center]]</div></div>{{#if:{{{text3|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text3}}}</div>}}</span>}}{{#if:{{{bild4|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild4}}}|120x120px|center]]</div></div>{{#if:{{{text4|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text4}}}</div>}}</span>}}{{#if:{{{bild5|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild5}}}|120x120px|center]]</div></div>{{#if:{{{text5|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text5}}}</div>}}</span>}}{{#if:{{{bild6|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild6}}}|120x120px|center]]</div></div>{{#if:{{{text6|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text6}}}</div>}}</span>}}{{#if:{{{bild7|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild7}}}|120x120px|center]]</div></div>{{#if:{{{text7|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text7}}}</div>}}</span>}}{{#if:{{{bild8|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild8}}}|120x120px|center]]</div></div>{{#if:{{{text8|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text8}}}</div>}}</span>}}{{#if:{{{bild9|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild9}}}|120x120px|center]]</div></div>{{#if:{{{text9|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text9}}}</div>}}</span>}}{{#if:{{{bild10|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild10}}}|120x120px|center]]</div></div>{{#if:{{{text10|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text10}}}</div>}}</span>}}{{#if:{{{bild11|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild11}}}|120x120px|center]]</div></div>{{#if:{{{text11|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text11}}}</div>}}</span>}}</div></div>{{#if:{{{gesamttext|}}}|<div style="text-align:center;font-size:90%;margin-top:2px;">{{{gesamttext}}}</div>}}</includeonly>
+
<includeonly>
 +
<div style="width: 800px; max-width: 100%; border: 1px solid #ccc; background: #f9f9f9; padding: 10px; margin: 0; overflow: hidden;">
 +
<div style="width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; display: block; padding-bottom: 25px;">
 +
 
 +
{{#if:{{{bild1|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild1}}}|120x120px|center]]</div></div>{{#if:{{{text1|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text1}}}</div>}}</span>}}
 +
{{#if:{{{bild2|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild2}}}|120x120px|center]]</div></div>{{#if:{{{text2|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text2}}}</div>}}</span>}}
 +
{{#if:{{{bild3|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild3}}}|120x120px|center]]</div></div>{{#if:{{{text3|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text3}}}</div>}}</span>}}
 +
{{#if:{{{bild4|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild4}}}|120x120px|center]]</div></div>{{#if:{{{text4|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text4}}}</div>}}</span>}}
 +
{{#if:{{{bild5|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild5}}}|120x120px|center]]</div></div>{{#if:{{{text5|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text5}}}</div>}}</span>}}
 +
{{#if:{{{bild6|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild6}}}|120x120px|center]]</div></div>{{#if:{{{text6|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text6}}}</div>}}</span>}}
 +
{{#if:{{{bild7|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild7}}}|120x120px|center]]</div></div>{{#if:{{{text7|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text7}}}</div>}}</span>}}
 +
{{#if:{{{bild8|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild8}}}|120x120px|center]]</div></div>{{#if:{{{text8|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text8}}}</div>}}</span>}}
 +
{{#if:{{{bild9|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild9}}}|120x120px|center]]</div></div>{{#if:{{{text9|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text9}}}</div>}}</span>}}
 +
{{#if:{{{bild10|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild10}}}|120x120px|center]]</div></div>{{#if:{{{text10|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text10}}}</div>}}</span>}}
 +
{{#if:{{{bild11|}}}|<span style="display:inline-block; width:150px; margin:5px; padding:5px; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:top; white-space:normal;"><div style="display:table; width:100%; height:130px;"><div style="display:table-cell; vertical-align:middle; text-align:center;">[[Datei:{{{bild11}}}|120x120px|center]]</div></div>{{#if:{{{text11|}}}|<div style="font-size:90%; margin-top:5px; border-top:1px solid #eee; padding-top:5px;">{{{text11}}}</div>}}</span>}}
 +
 
 +
</div></div>{{#if:{{{gesamttext|}}}|<div style="width: 800px; max-width: 100%; text-align: center; font-size: 90%; margin-top: 5px;">{{{gesamttext}}}</div>}}
 +
</includeonly>
 +
 
 +
<noinclude>
 +
==Verwendung==
 +
Es können aktuell bis zu 11 Bilder horizontal angelegt werden. <br>
 +
<code>
 +
{{Panorama Galerie <br>
 +
|bild1= <br>
 +
|text1= <br>
 +
|bild2= <br>
 +
|text2= <br>
 +
|bild3= <br>
 +
|text3= <br>
 +
|bild4= <br>
 +
|text4= <br>
 +
|bild5= <br>
 +
|text5= <br>
 +
|bild6= <br>
 +
|text6= <br>
 +
|bild7= <br>
 +
|text7= <br>
 +
|bild8= <br>
 +
|text8= <br>
 +
|gesamttext= <br>
 +
}}</code>
 +
 
 +
Beispiel:
 +
{{Panorama Galerie
 +
|bild1=Kein Bild.jpg
 +
|text1=Bild 1
 +
|bild2=Kein Bild.jpg
 +
|text2=Bild 2
 +
|bild3=Kein Bild.jpg
 +
|text3=Bild 3
 +
|bild4=Kein Bild.jpg
 +
|text4=Bild 4
 +
|bild5=Kein Bild.jpg
 +
|text5=Bild 5
 +
|bild6=Kein Bild.jpg
 +
|text6=Bild 6
 +
|bild7=Kein Bild.jpg
 +
|text7=Bild 7
 +
|bild8=Kein Bild.jpg
 +
|text8=Bild 8
 +
|gesamttext=Text unter der Panorama-Galerie
 +
}}</noinclude>

Version vom 20:40, 10. Mär. 2026


Verwendung

Es können aktuell bis zu 11 Bilder horizontal angelegt werden.
{{Panorama Galerie
|bild1=
|text1=
|bild2=
|text2=
|bild3=
|text3=
|bild4=
|text4=
|bild5=
|text5=
|bild6=
|text6=
|bild7=
|text7=
|bild8=
|text8=
|gesamttext=
}}

Beispiel:

Bild 1
Bild 2
Bild 3
Bild 4
Bild 5
Bild 6
Bild 7
Bild 8
Text unter der Panorama-Galerie


Von „https://opwiki.org/wiki/Vorlage:Panorama_Galerie“
Persönliche Werkzeuge
Nakama
Toplists
  • AnimeManga Charts