Anleitung zum Schreiben/Bildergalerie - Versionsgeschichte

Ledania am 18. Mai 2025 um 12:50 Uhr

2025-05-18T12:50:37Z

Ledania: /* Nützliche Attribute und Werte */

2025-05-18T12:48:02Z

‎Nützliche Attribute und Werte

Craftjenn am 18. Oktober 2023 um 08:49 Uhr

2023-10-18T08:49:22Z

Leda am 9. März 2023 um 03:50 Uhr

2023-03-09T03:50:35Z

Leda am 9. März 2023 um 03:49 Uhr

2023-03-09T03:49:44Z

Änderungen zeigen

Leda: Die Seite wurde neu angelegt: „{{TIP|DE=1|EN=1|ES=|FR=0|RU=}} {{Trad|DE=Anleitung zum Schreiben/Bildergalerie|FR=Guide de rédaction/Galerie d'images|palette=wiki|H=1}}
2023-03-09T03:27:49Z

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…“

Neue Seite
{{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>
Si l'on a plusieurs images, on peux utiliser la "galerie de fichiers".
* 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"'''.
[[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é''']]
* 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:
<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>
<gallery>
Image1.png|La description, date du lucio...
Dummy.png|Description 2
</gallery>
</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,...) :
<gallery>
Barreswiki.png|Barre d'outil du mode édition de ce wiki
Dummy.png|L'emblème de l'ASA, ex de 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'' !
</gallery>

== Des exemples ==
* Le code <nowiki><gallery>....</gallery></nowiki>, utilisé plus haut utilise par défaut le mode traditional.

Avec beaucoup d'images de tailles similaires, avec des balises caption (titre), widths (largeur) et heights (hauteur) :<br />
code: <nowiki><gallery caption="Un titre avec caption" widths="180px" heights="120px" >></nowiki>
<gallery caption="Un titre avec caption" widths="180px" heights="120px" >>
Dummy.png|L'emblème de l'ASA, ex de 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'' !
Dummy.png|Titre 1
Dummy.png|Titre 2
Dummy.png|Titre 3
Dummy.png|Titre 4
Dummy.png|Titre 5
</gallery>

Et la meme avec le code <nowiki><gallery caption="en 50px" heights="50px" >></nowiki>
<gallery caption="en 50px" heights="50px" >>
Dummy.png|L'emblème de l'ASA, ex de 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'' !
Dummy.png|Titre 1
Dummy.png|Titre 2
Dummy.png|Titre 3
Dummy.png|Titre 4
Dummy.png|Titre 5
</gallery>

=== La même, avec <nowiki><gallery mode=nolines></nowiki>===
<gallery mode=nolines>
Barreswiki.png|Barre d'outil du mode édition de ce wiki
Dummy.png|L'emblème de l'ASA, ex de 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'' !
Dummy.png|Titre 1
Dummy.png|Titre 2
Dummy.png|Titre 3
Dummy.png|Titre 4
Dummy.png|Titre 5
</gallery>

=== <nowiki><gallery mode=packed></nowiki> ===
Les images sont affichées avec une hauteur identique, la largeur pouvant varier pour respecter le ratio original.
<gallery mode=packed>
Barreswiki.png|Barre d'outil du mode édition de ce wiki
Dummy.png|L'emblème de l'ASA, ex de 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'' !
</gallery>

avec <nowiki><gallery mode=packed></nowiki> moins l'image trop large : centré et gain de place
<gallery mode=packed>
Dummy.png|L'emblème de l'ASA, ex de 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'' !
Dummy.png|Titre 1
Dummy.png|Titre 2
Dummy.png|Titre 3
Dummy.png|Titre 4
Dummy.png|Titre 5
</gallery>

=== <nowiki><gallery mode="packed-hover" heights=64px perrow=7 ></nowiki> ===
<gallery mode="packed-hover" heights=64px perrow=7 >
File:Atrium_(GM)_guild.png|Support
File:Animation guild-icon.png|Animation
File:Level-Design guild icon.png|Level-Design
File:Lore Team guild-icon.png|Lore
File:Ryzom Forge Graphics guild-icon.png|Graphics
File:Ryzom InCode Developers guild-icon.png|Developers
File:Translation Team guild-icon.png|Translation
</gallery>

=== mode=packed-overlay ===
<nowiki><gallery mode=packed-overlay></nowiki>
<gallery mode=packed-overlay>
Dummy.png|Ex 1
Wiki-bar-insimg.png|Ex 2
Dummy.png|Titre 1
Dummy.png|Titre 2
Dummy.png|Titre 3
Dummy.png|Titre 4
Dummy.png|Titre 5
</gallery>

=== Slideshow avec titre caption ===
<nowiki><div style="max-width: 350px;"> <gallery caption="Titre exemple" mode=slideshow>... </gallery>
</div></nowiki>
<div style="max-width: 350px;">
<gallery caption="Titre exemple" mode=slideshow>
Dummy.png|Description 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'' !
Dummy.png|Description 2
</gallery>
</div>

Similaire (2 images) avec hauteur plus petite (heights="20px") est KO {{KO}}
<gallery heights="20px" mode=slideshow>
Dummy.png|Description 1
Dummy.png|Description 2
</gallery>

== La syntaxe ==
Source : https://fr.wikipedia.org/wiki/Aide:Galerie et https://fr.wikipedia.org/wiki/Aide:Galerie/avanc%C3%A9e
=== Attributs et valeurs utiles ===
Réduire la taille avec une balise div (un [[Tags PvP Roleplay|ex ici]]): <nowiki><div style="width:600px"> ... </div></nowiki>

<noinclude>
[[catégorie:Aide|Galerie d'images]]

</noinclude>

← Nächstältere Version		Version vom 18. Mai 2025, 12:50 Uhr
Zeile 1:		Zeile 1:
−	~~{{TIP\|DE=4\|EN=3\|ES=\|FR=0\|RU=}}~~
	<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>		<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>
	Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.		Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.

@@ Zeile 124: / Zeile 124: @@
 Reduziere die Größe mit einem div-Tag (ein [[RP Tags|z.B. hier]]): <nowiki><div style="width:600px"> ... </div></nowiki>
 <noinclude>
 [[Kategorie:Hilfe]]
 </noinclude>

@@ Zeile 1: / Zeile 1: @@
-<noinclude>{{Trad|DE=Anleitung zum Schreiben/Bildergalerie|FR=Guide de rédaction/Galerie d'images|palette=wiki|H=1}}</noinclude>
+{{TIP|DE=4|EN=3|ES=|FR=0|RU=}}
 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.

← Nächstältere Version		Version vom 9. März 2023, 03:50 Uhr
Zeile 1:		Zeile 1:
−	~~{{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>
	Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.		Wenn Du mehrere Bilder hast, kannst Du die "Bildergalerie" verwenden.