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…“)
 
Zeile 1: Zeile 1:
−
{{TIP|DE=1|EN=1|ES=|FR=0|RU=}}
+
{{WIP}}
 
<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|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>

Version vom 9. März 2023, 05:49 Uhr


Important.png
Under Construction Panel.png !!!! WIP !!!! Under Construction Panel.png
Es sind gerade 25 Artikel in der Bearbeitung in der Kategorie "WIP"
Dieser Artikel wird gerade bearbeitet. Bitte laß es den Autor beenden, bevor du es veränderst.
Die letzte Bearbeitung war von Leda am 9.03.2023.
de:Anleitung zum Schreiben/Bildergalerie 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=34594“