Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Vorlage:Galeriefenster: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
[gesichtete Version][gesichtete Version]
Vorlage erstellt.
 
K Videolinks aktualisiert
 
(9 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 6: Zeile 6:
* Der Parameter <var>INHALT</var> bestimmt den Inhalt des Fensters. Ist der Inhalt größer als die eingestellte Breite, gibt es Darstellungsfehler.
* Der Parameter <var>INHALT</var> bestimmt den Inhalt des Fensters. Ist der Inhalt größer als die eingestellte Breite, gibt es Darstellungsfehler.
* Der Parameter <var>BESCHREIBUNG</var> bestimmt die Beschreibung, die unter dem Inhalt steht.
* Der Parameter <var>BESCHREIBUNG</var> bestimmt die Beschreibung, die unter dem Inhalt steht.
* Der optionale Parameter <var>KEINEBESCHREIBUNG</var> ist mit einem beliebigen Wert zu benutzen, wenn man keine Beschreibung angeben will.
* Der optionale Parameter <var>ÜBERSCHRIFT</var> bestimmt die Überschrift des Fensters.
* Der optionale Parameter <var>ÜBERSCHRIFT</var> bestimmt die Überschrift des Fensters.
* Der optionale Parameter <var>BREITE</var> (ohne Einheit px!) bestimmt die Breite des Fensters. Ohne Angabe wird der Inhalt für einen 200 Pixel breiten Inhalt optimiert, wie bei der herkömmlichen Bildergalerie.
* Der optionale Parameter <var>BREITE</var> (ohne Einheit px!) bestimmt die Breite des Fensters bzw. aller Fenster. Ohne Angabe wird der Inhalt für einen 200 Pixel breiten Inhalt optimiert, wie bei der herkömmlichen Bildergalerie.
* Der optionale Parameter <var>MEHRERE</var> sorgt dafür, dass mehrere Galeriefenster nebeneinander angezeigt werden. Möglich sind hier die Werte <code>2</code> und <code>3</code>. Alles andere wird ignoriert. Bei der Übermittlung des Werts <code>2</code> können zusätzlich die Parameter <var>INHALT2</var> und <var>BESCHREIBUNG2</var> (bzw. bei <code>3</code> zusätzlich noch <var>INHALT3</var> und <var>BESCHREIBUNG3</var>) genutzt werden. Die Überschrift wird zentriert über den beiden Fenstern ausgegeben und die Breite ist bei beiden Inhalten gleich.
* Der optionale Parameter <var>HÖHE</var> (ohne Einheit px!) bestimmt die Höhe des Fensters bzw. aller Fenster. Ohne Angabe wird der Inhalt für einen 200 Pixel breiten Inhalt optimiert, wie bei der herkömmlichen Bildergalerie.
 
== Beispiele für die Benutzung ==
== Beispiele für die Benutzung ==
<pre>{{Galeriefenster
<pre>{{Galeriefenster
Zeile 20: Zeile 24:
{{--}}
{{--}}
<pre>{{Galeriefenster
<pre>{{Galeriefenster
|INHALT={{#tag:oflash||file="http://s3.amazonaws.com/sgu-assets/assets/Video/1257460877/1051/sgu010x-0540ws.flv"|width="400"|height="300"}}
|INHALT={{#vplayer:video="https://www.youtube.com/watch?v=LklN5L6aWj0"|width="400"|height="300"}}
|INHALT2=<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3><br /><playmp3>SGU 1x11 Shuttlewaffen.mp3</playmp3>
|BESCHREIBUNG=Webisode über das Shuttle
|BESCHREIBUNG=Webisode über das Shuttle
|BESCHREIBUNG2=Sounddateien der Shuttle-Systeme
|ÜBERSCHRIFT=Multimedia-Dateien zum Shuttle
|BREITE=420
|BREITE=420
|HÖHE=321
|MEHRERE=2
}}</pre>
}}</pre>
ergibt
ergibt
<ul class="gallery" style="max-width: 420px; width: 420px;"><li class="gallerybox" style="width: 420px"><div style="width: 420px"><div class="thumb" style="width: 415px;"><div style="margin:19px auto;">{{#tag:oflash||file="http://s3.amazonaws.com/sgu-assets/assets/Video/1257460877/1051/sgu010x-0540ws.flv"|width="400"|height="300"}}</div></div>
<ul class="gallery" style="max-width: 864px; width: 864px;">
<li class="gallerycaption">Multimedia-Dateien zum Shuttle</li>
<li class="gallerybox" style="width: 420px;"><div style="width: 420px">
<div class="thumb" style="width: 415px;"><div style="margin:19px auto; height: 321px;">
{{#vplayer:video="https://www.youtube.com/watch?v=LklN5L6aWj0"|width="400"|height="300"}}
</div></div>
<div class="gallerytext"><p>Webisode über das Shuttle</p></div>
</div></li>
<li class="gallerybox" style="width: 420px;"><div style="width: 420px">
<div class="thumb" style="width: 415px;"><div style="margin: 19px auto; height: 321px;">
<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3><br /><playmp3>SGU 1x11 Shuttlewaffen.mp3</playmp3>
</div></div>
<div class="gallerytext"><p>Sounddateien der Shuttle-Systeme</p></div>
</div></li>
</ul>
Dieses Beispiel zeigt, dass es sinnvoll ist, bei mehreren Galeriefenstern in einer Reihe die Inhalte gleich hoch bzw. gleich groß zu gestalten.
[[Kategorie:Artikelbausteine|Galeriefenster]]
</noinclude><includeonly>
<ul class="gallery" style="max-width: {{#switch: {{{MEHRERE}}}
| 2 = {{#expr: {{{BREITE|235}}} * 2 + 24 }}
| 3 = {{#expr: {{{BREITE|235}}} * 3 + 24 }}
| #default={{{BREITE|235}}}}}px; width: {{#switch: {{{MEHRERE}}}
| 2 = {{#expr: {{{BREITE|235}}} * 2 + 24 }}
| 3 = {{#expr: {{{BREITE|235}}} * 3 + 24 }}
| #default = {{{BREITE|235}}}}}px;">{{#if:{{{ÜBERSCHRIFT|}}}|<li class="gallerycaption">{{{ÜBERSCHRIFT|}}}</li>}}<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto; height: {{{HÖHE|112}}}px;">{{{INHALT|<nowiki><Inhalt></nowiki>}}}</div></div>{{#if:{{{KEINEBESCHREIBUNG|}}}||
<div class="gallerytext">
<p>{{{BESCHREIBUNG|<nowiki><Beschreibung></nowiki>}}}</p>
</div>}}</div></li>{{#ifeq:{{{MEHRERE}}}|2|<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto; height: {{{HÖHE|112}}}px;">{{{INHALT2|<nowiki><Inhalt2></nowiki>}}}</div></div>{{#if:{{{KEINEBESCHREIBUNG|}}}||
<div class="gallerytext">
<div class="gallerytext">
<p>Webisode über das Shuttle</p>
<p>{{{BESCHREIBUNG2|<nowiki><Beschreibung2></nowiki>}}}</p>
</div></div></li></ul>
</div>}}</div></li>}}{{#ifeq:{{{MEHRERE}}}|3|<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto; height: {{{HÖHE|112}}}px;">{{{INHALT2|<nowiki><Inhalt2></nowiki>}}}</div></div>{{#if:{{{KEINEBESCHREIBUNG|}}}||
{{--}}
<pre>{{Galeriefenster
|INHALT=<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3>
|BESCHREIBUNG=Sound des Shuttle-Antriebs
|ÜBERSCHRIFT=Mit Audiodatei
|BREITE=120
}}</pre>
ergibt
<ul class="gallery" style="max-width: 120px; width: 120px;"><li class="gallerycaption">Mit Audiodatei</li><li class="gallerybox" style="width: 120px"><div style="width: 120px"><div class="thumb" style="width: 115px;"><div style="margin: 19px auto;"><playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3></div></div>
<div class="gallerytext">
<div class="gallerytext">
<p>Der Sound des Shuttle-Antriebs</p>
<p>{{{BESCHREIBUNG2|<nowiki><Beschreibung2></nowiki>}}}</p>
</div></div></li></ul>
</div>}}</div></li>
[[Kategorie:Vorlage|Galeriefenster]]
<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto; height: {{{HÖHE|112}}}px;">{{{INHALT3|<nowiki><Inhalt3></nowiki>}}}</div></div>{{#if:{{{KEINEBESCHREIBUNG|}}}||
</noinclude><includeonly>
<ul class="gallery" style="max-width: {{{BREITE|235}}}px; width: {{{BREITE|235}}}px;">{{#if:{{{ÜBERSCHRIFT|}}}|<li class="gallerycaption">{{{ÜBERSCHRIFT|}}}</li>}}<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto;">{{{INHALT|<nowiki><Inhalt></nowiki>}}}</div></div>
<div class="gallerytext">
<div class="gallerytext">
<p>{{{BESCHREIBUNG|<nowiki><Beschreibung></nowiki>}}}</p>
<p>{{{BESCHREIBUNG3|<nowiki><Beschreibung3></nowiki>}}}</p>
</div></div></li></ul>
</div>}}</div></li>}}</ul>
</includeonly>
</includeonly>