Anleitung zum Schreiben/Bildergalerie: Unterschied zwischen den Versionen

Aus EnzyklopAtys

Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „{{TIP|DE=1|EN=1|ES=|FR=0|RU=}} <noinclude>{{Trad|DE=Anleitung zum Schreiben/Bildergalerie|FR=Guide de rédaction/Galerie d'images|palette=wiki|H=1}}</noinclude…“)
 
K
 
(2 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 1: Zeile 1:
−
{{TIP|DE=1|EN=1|ES=|FR=0|RU=}}
+
{{TIP|DE=4|EN=3|ES=|FR=0|RU=}}
−
<noinclude>{{Trad|DE=Anleitung zum Schreiben/Bildergalerie|FR=Guide de rédaction/Galerie d'images|palette=wiki|H=1}}</noinclude>
+
<noinclude>{{Trad|DE=Anleitung zum Schreiben/Bildergalerie|FR=Guide de rédaction/Galerie d'images|EN=Writing Guide/Image gallery|palette=wiki|H=1}}</noinclude>
−
Si l'on a plusieurs images, on peux utiliser la "galerie de fichiers".
+
Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.
−
* Soit via la [[BarreOutilsW#Outils|barre d'outil en mode édition]] du wiki: cliquer sur Avancé pour développer le '''Mode Avancé''' comme dans l'image au dessus, de façon à voir l’icône juste '''à droite de "Insérer"'''.
+
* Entweder über die [[Wiki-Werkzeug-Leiste]] : Klicke auf Erweitert, um den "Erweiterten Modus" wie im Bild oben zu erweitern, so daß das Symbol "rechts von "Einfügen"" erscheint.
−
[[Fichier:Barreswiki.png|cadre|centré|En mode d'édition d'une page, voici la [[BarreOutilsW#Outils|barre d'outil]] d'édition du wiki, en '''Mode Avancé''']]
+
[[Bild:Barreswiki.png|border|center|Im Bearbeitungsmodus einer Seite, hier die [[Wiki-Werkzeug-Leiste]] zum Bearbeiten des Wikis, im '''Erweiterten Modus''']]
−
* Soit directement via le code wiki - ce qui s'avère dans ce cas le plus simple, en insérant par exemple ce simple code:
+
* Entweder direkt über den Wiki-Code - was sich in diesem Fall als am einfachsten erweist, indem Du z. B. diesen einfachen Code einfügst:
 
<div style="margin:0em; padding:1em 2em;border: thin inset #{{ColorAtys|type=dark|group=HRP}};background:#{{ColorAtys|type=light|group=HRP}};color:#{{ColorAtys|type=fg|group=HRP}};">
 
<div style="margin:0em; padding:1em 2em;border: thin inset #{{ColorAtys|type=dark|group=HRP}};background:#{{ColorAtys|type=light|group=HRP}};color:#{{ColorAtys|type=fg|group=HRP}};">
 
<poem><nowiki>
 
<poem><nowiki>
 
<gallery>
 
<gallery>
−
Image1.png|La description, date du lucio...
+
Image1.png|Die Beschreibung, Daten des Bildes...
−
Dummy.png|Description 2
+
Dummy.png|Beschreibung 2
 
</gallery>
 
</gallery>
 
</nowiki></poem></div>
 
</nowiki></poem></div>
  
−
Cela facilite la lecture/modification du code wiki, car avec les balises gallery, chaque image sera sur une ligne (dans le code wiki), avec une syntaxe simple : nomdufichier.jpg la "barre verticale" ('''AltGr+6''') et une description (pouvant être mis en forme, contenir des liens vers d'autres pages,...) :
+
Dies erleichtert das Lesen/Ändern des Wiki-Codes, denn mit den Gallery-Tags wird jedes Bild in einer Zeile (im Wiki-Code) stehen, mit einer einfachen Syntax: Dateiname.jpg dem "vertikalen Balken" ('''AltGr+6''') und einer Beschreibung (kann formatiert werden, Links zu anderen Seiten enthalten, ...) :
 
<gallery>
 
<gallery>
−
Barreswiki.png|Barre d'outil du mode édition de ce wiki
+
Barreswiki.png|Symbolleiste des Bearbeitungsmodus dieses Wikis
−
Dummy.png|L'emblème de l'ASA, ex de gallerie
+
Dummy.png|Das ASA-Emblem, aus der Gallerie
−
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' !
+
Wiki-bar-insimg.png|Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch ''formatieren''!
 
</gallery>
 
</gallery>
  
−
== Des exemples ==
+
== Beispiele ==
−
* Le code <nowiki><gallery>....</gallery></nowiki>, utilisé plus haut utilise par défaut le mode traditional.  
+
* der Code <nowiki><gallery>....</gallery></nowiki>, das oben verwendet wurde, verwendet standardmäßig den traditionellen Modus.  
  
−
Avec beaucoup d'images de tailles similaires, avec des balises caption (titre), widths (largeur) et heights (hauteur) :<br />
+
Mit vielen Bildern ähnlicher Größe, mit den Tags caption (Titel), widths (Breite) und heights (Höhe) :<br />
−
code: <nowiki><gallery caption="Un titre avec caption" widths="180px" heights="120px" >></nowiki>
+
Code: <nowiki><gallery caption="Ein Titel mit caption" widths="180px" heights="120px" >></nowiki>
−
<gallery caption="Un titre avec caption" widths="180px" heights="120px" >>
+
<gallery caption="Ein Titel mit caption" widths="180px" heights="120px" >>
−
Dummy.png|L'emblème de l'ASA, ex de gallerie
+
Dummy.png|Das ASA-Emblem, aus der Gallerie
−
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' !
+
Wiki-bar-insimg.png|Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch ''formatieren''!
−
Dummy.png|Titre 1
+
Dummy.png|Titel 1
−
Dummy.png|Titre 2
+
Dummy.png|Titel 2
−
Dummy.png|Titre 3
+
Dummy.png|Titel 3
−
Dummy.png|Titre 4
+
Dummy.png|Titel 4
−
Dummy.png|Titre 5
+
Dummy.png|Titel 5
 
</gallery>
 
</gallery>
  
  
−
Et la meme avec le code <nowiki><gallery caption="en 50px" heights="50px" >></nowiki>
+
Und das gleiche mit dem Code <nowiki><gallery caption="en 50px" heights="50px" >></nowiki>
 
<gallery caption="en 50px" heights="50px" >>
 
<gallery caption="en 50px" heights="50px" >>
−
Dummy.png|L'emblème de l'ASA, ex de gallerie
+
Dummy.png|Das ASA-Emblem, aus der Gallerie
−
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' !
+
Wiki-bar-insimg.png|Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch ''formatieren''!
−
Dummy.png|Titre 1
+
Dummy.png|Titel 1
−
Dummy.png|Titre 2
+
Dummy.png|Titel 2
−
Dummy.png|Titre 3
+
Dummy.png|Titel 3
−
Dummy.png|Titre 4
+
Dummy.png|Titel 4
−
Dummy.png|Titre 5
+
Dummy.png|Titel 5
 
</gallery>
 
</gallery>
  
  
−
=== La même, avec <nowiki><gallery mode=nolines></nowiki>===
+
=== Dasselbe, mit <nowiki><gallery mode=nolines></nowiki> ===
 
<gallery mode=nolines>
 
<gallery mode=nolines>
−
Barreswiki.png|Barre d'outil du mode édition de ce wiki
+
Barreswiki.png|Symbolleiste des Bearbeitungsmodus dieses Wikis
−
Dummy.png|L'emblème de l'ASA, ex de gallerie
+
Dummy.png|Das ASA-Emblem, aus der Gallerie
−
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' !
+
Wiki-bar-insimg.png|Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch ''formatieren''!
−
Dummy.png|Titre 1
+
Dummy.png|Titel 1
−
Dummy.png|Titre 2
+
Dummy.png|Titel 2
−
Dummy.png|Titre 3
+
Dummy.png|Titel 3
−
Dummy.png|Titre 4
+
Dummy.png|Titel 4
−
Dummy.png|Titre 5
+
Dummy.png|Titel 5
 
</gallery>
 
</gallery>
  
 
=== <nowiki><gallery mode=packed></nowiki> ===
 
=== <nowiki><gallery mode=packed></nowiki> ===
−
Les images sont affichées avec une hauteur identique, la largeur pouvant varier pour respecter le ratio original.
+
Bilder werden mit identischer Höhe angezeigt, wobei die Breite variieren kann, um das ursprüngliche Seitenverhältnis einzuhalten.
 
<gallery mode=packed>
 
<gallery mode=packed>
−
Barreswiki.png|Barre d'outil du mode édition de ce wiki
+
Barreswiki.png|Symbolleiste des Bearbeitungsmodus dieses Wikis
−
Dummy.png|L'emblème de l'ASA, ex de gallerie
+
Dummy.png|Das ASA-Emblem, aus der Gallerie
−
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' !
+
Wiki-bar-insimg.png|Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch ''formatieren''!
 
</gallery>
 
</gallery>
  
−
avec <nowiki><gallery mode=packed></nowiki> moins l'image trop large : centré et gain de place
+
mit <nowiki><gallery mode=packed></nowiki> weniger das Bild zu breit: zentriert und platzsparend
 
<gallery mode=packed>
 
<gallery mode=packed>
−
Dummy.png|L'emblème de l'ASA, ex de gallerie
+
Dummy.png|Das ASA-Emblem, aus der Gallerie
−
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' !
+
Wiki-bar-insimg.png|Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch ''formatieren''!
−
Dummy.png|Titre 1
+
Dummy.png|Titel 1
−
Dummy.png|Titre 2
+
Dummy.png|Titel 2
−
Dummy.png|Titre 3
+
Dummy.png|Titel 3
−
Dummy.png|Titre 4
+
Dummy.png|Titel 4
−
Dummy.png|Titre 5
+
Dummy.png|Titel 5
 
</gallery>
 
</gallery>
  
Zeile 93: Zeile 93:
 
<nowiki><gallery mode=packed-overlay></nowiki>
 
<nowiki><gallery mode=packed-overlay></nowiki>
 
<gallery mode=packed-overlay>
 
<gallery mode=packed-overlay>
−
Dummy.png|Ex 1
+
Dummy.png|Beispiel 1
−
Wiki-bar-insimg.png|Ex 2
+
Wiki-bar-insimg.png|Beispiel 2
−
Dummy.png|Titre 1
+
Dummy.png|Titel 1
−
Dummy.png|Titre 2
+
Dummy.png|Titel 2
−
Dummy.png|Titre 3
+
Dummy.png|Titel 3
−
Dummy.png|Titre 4
+
Dummy.png|Titel 4
−
Dummy.png|Titre 5
+
Dummy.png|Titel 5
 
</gallery>
 
</gallery>
  
−
=== Slideshow avec titre caption ===  
+
=== Slideshow mit caption-Titel ===  
−
<nowiki><div style="max-width: 350px;"> <gallery caption="Titre exemple" mode=slideshow>... </gallery>
+
<nowiki><div style="max-width: 350px;"> <gallery caption="Beispiel-Titel" mode=slideshow>... </gallery>
 
</div></nowiki>
 
</div></nowiki>
 
<div style="max-width: 350px;">
 
<div style="max-width: 350px;">
−
<gallery caption="Titre exemple" mode=slideshow>
+
<gallery caption="Beispiel-Titel" mode=slideshow>
−
Dummy.png|Description 1
+
Dummy.png|Beschreibung 1
−
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' !
+
Wiki-bar-insimg.png|Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch ''formatieren''!
−
Dummy.png|Description 2
+
Dummy.png|Beschreibung 2
 
</gallery>
 
</gallery>
 
</div>
 
</div>
  
−
Similaire (2 images) avec hauteur plus petite (heights="20px") est KO {{KO}}  
+
Ähnlich (2 Bilder) mit kleinerer Höhe (heights="20px") ist KO {{KO}}  
 
<gallery heights="20px" mode=slideshow>
 
<gallery heights="20px" mode=slideshow>
−
Dummy.png|Description 1
+
Dummy.png|Beschreibung 1
−
Dummy.png|Description 2
+
Dummy.png|Beschreibung 2
 
</gallery>
 
</gallery>
  
−
== La syntaxe ==
+
== Die Syntax ==
−
Source :  https://fr.wikipedia.org/wiki/Aide:Galerie et https://fr.wikipedia.org/wiki/Aide:Galerie/avanc%C3%A9e
+
Quelle:  https://fr.wikipedia.org/wiki/Aide:Galerie und https://fr.wikipedia.org/wiki/Aide:Galerie/avanc%C3%A9e
−
=== Attributs et valeurs utiles ===
+
=== Nützliche Attribute und Werte ===
−
Réduire la taille avec une balise div (un [[Tags PvP Roleplay|ex ici]]): <nowiki><div style="width:600px"> ... </div></nowiki>
+
Reduziere die Größe mit einem div-Tag (ein [[RP Tags|z.B. hier]]): <nowiki><div style="width:600px"> ... </div></nowiki>
  
  
 
<noinclude>
 
<noinclude>
−
[[catégorie:Aide|Galerie d'images]]
+
[[Kategorie:Hilfe]]
−
 
 
 
</noinclude>
 
</noinclude>

Aktuelle Version vom 18. Oktober 2023, 10:49 Uhr

    Script edit.png Übersetzungs Status → Dies ist eine von 37 Seiten, die wir gerne ins Deutsche übersetzt sehen würden.
De.png Übersetzt • Gb.png Proofreading in progress • Es.png No traducido • Fr.png Original • Ru.png Не переведено
de:Anleitung zum Schreiben/Bildergalerie en:Writing Guide/Image gallery fr:Guide de rédaction/Galerie d'images
 
UnderConstruction.png
Übersetzung zur Überprüfung
Gib nicht den Mitwirkenden die Schuld, sondern komm und hilf ihnen. 😎

Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.

  • Entweder über die Wiki-Werkzeug-Leiste : Klicke auf Erweitert, um den "Erweiterten Modus" wie im Bild oben zu erweitern, so daß das Symbol "rechts von "Einfügen"" erscheint.
Im Bearbeitungsmodus einer Seite, hier die Wiki-Werkzeug-Leiste zum Bearbeiten des Wikis, im Erweiterten Modus
  • Entweder direkt über den Wiki-Code - was sich in diesem Fall als am einfachsten erweist, indem Du z. B. diesen einfachen Code einfügst:


<gallery>
Image1.png|Die Beschreibung, Daten des Bildes...
Dummy.png|Beschreibung 2
</gallery>

Dies erleichtert das Lesen/Ändern des Wiki-Codes, denn mit den Gallery-Tags wird jedes Bild in einer Zeile (im Wiki-Code) stehen, mit einer einfachen Syntax: Dateiname.jpg dem "vertikalen Balken" (AltGr+6) und einer Beschreibung (kann formatiert werden, Links zu anderen Seiten enthalten, ...) :

  • Symbolleiste des Bearbeitungsmodus dieses Wikis

  • Das ASA-Emblem, aus der Gallerie

  • Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

Beispiele

  • der Code <gallery>....</gallery>, das oben verwendet wurde, verwendet standardmäßig den traditionellen Modus.

Mit vielen Bildern ähnlicher Größe, mit den Tags caption (Titel), widths (Breite) und heights (Höhe) :
Code: <gallery caption="Ein Titel mit caption" widths="180px" heights="120px" >>

  • Ein Titel mit caption

  • Das ASA-Emblem, aus der Gallerie

  • Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

  • Titel 1

  • Titel 2

  • Titel 3

  • Titel 4

  • Titel 5


Und das gleiche mit dem Code <gallery caption="en 50px" heights="50px" >>

  • en 50px

  • Das ASA-Emblem, aus der Gallerie

  • Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

  • Titel 1

  • Titel 2

  • Titel 3

  • Titel 4

  • Titel 5


Dasselbe, mit <gallery mode=nolines>

  • Symbolleiste des Bearbeitungsmodus dieses Wikis

  • Das ASA-Emblem, aus der Gallerie

  • Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

  • Titel 1

  • Titel 2

  • Titel 3

  • Titel 4

  • Titel 5

<gallery mode=packed>

Bilder werden mit identischer Höhe angezeigt, wobei die Breite variieren kann, um das ursprüngliche Seitenverhältnis einzuhalten.

  • Symbolleiste des Bearbeitungsmodus dieses Wikis

  • Das ASA-Emblem, aus der Gallerie

  • Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

mit <gallery mode=packed> weniger das Bild zu breit: zentriert und platzsparend

  • Das ASA-Emblem, aus der Gallerie

  • Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

  • Titel 1

  • Titel 2

  • Titel 3

  • Titel 4

  • Titel 5

<gallery mode="packed-hover" heights=64px perrow=7 >

  • Support

  • Animation

  • Level-Design

  • Lore

  • Graphics

  • Developers

  • Translation

mode=packed-overlay

<gallery mode=packed-overlay>

  • Beispiel 1

  • Beispiel 2

  • Titel 1

  • Titel 2

  • Titel 3

  • Titel 4

  • Titel 5

Slideshow mit caption-Titel

<div style="max-width: 350px;"> <gallery caption="Beispiel-Titel" mode=slideshow>... </gallery> </div>

  • Beispiel-Titel

  • Beschreibung 1

  • Eine lange, aber notwendige Beschreibung für die Seite, auf der diese Bildergalerie steht, denn man kann auch formatieren!

  • Beschreibung 2

Ähnlich (2 Bilder) mit kleinerer Höhe (heights="20px") ist KO ✗

  • Beschreibung 1

  • Beschreibung 2

Die Syntax

Quelle: https://fr.wikipedia.org/wiki/Aide:Galerie und https://fr.wikipedia.org/wiki/Aide:Galerie/avanc%C3%A9e

Nützliche Attribute und Werte

Reduziere die Größe mit einem div-Tag (ein z.B. hier): <div style="width:600px"> ... </div>

Abgerufen von „https://de.wiki.ryzom.com/w/index.php?title=Anleitung_zum_Schreiben/Bildergalerie&oldid=36914“