Modèle:FormPart/Gallery

De SaintSeiyaPedia
Share/Save/Bookmark
Aller à : navigation, rechercher
Template utilisé dans les pages de formulaires.

Les champs du formulaire doivent être entourés de balises "nowiki" afin de permettre leur inclusion dans des templates.

Paramètres

Paramètre Contenu Valeur par défaut
title Titre Galerie
icon_class Classe CSS à appliquer pour l'icone icon_gallery_ex
class Classe CSS à appliquer smfo_style5
text Texte d'explication * '''Galerie d'images.'''
param Nom du paramètre utilisé par le formulaire gallery

Exemple

{{FormPart/Gallery|title=Design|text=Explications.}}

Résultat

<fieldset class="smfo_style5 wbg06 smfo_descfield">

Explications.

{{{field|gallery|input type=textarea|rows=3|cols=90|autogrow|placeholder=Insérer des images}}}

Aide

Enregistrer des images

Première méthode

Déclarer les noms de fichiers en syntaxe wiki et enregistrer normalement l'article. Même si l'image n’existe pas sur le site, un lien rouge apparaîtra à la place et il suffit alors de cliquer dessus pour uploader une image.

Seconde méthode

Utiliser cette page => Special:Upload, afin d'enregistrer au préalable les images avant de les utiliser.

Rédaction

C'est un champ de texte libre, on peut donc insérer les images de n'importe quelle manière, mais deux méthodes sont néanmoins conseillées pour la mise en page.

1.Liste d'images dans un div spécial

Consiste à créer une liste d'images incluses dans une paire de tags <div class="gallery_wiki"></div>. Les images seront automatiquement alignées horizontalement tant que la largeur de la fenêtre le permet, puis les images suivantes sont réparties sur une autre ligne.

Syntaxe:

* image_en_syntaxe_wiki1
* image_en_syntaxe_wiki2
* image_en_syntaxe_wiki3

Note: L'astérisque en début de ligne et les retours à la ligne sont importants car c'est ce qui fait comprendre à Mediawiki qu'il s'agit d’éléments d'une même liste.

  • + : Plus de clarté pour le rédacteur. Pas de débordement d'images en cas de redimensionnement de la fenêtre.
  • - : Pas de contrôle absolu sur la position de chaque image.
2. Tables HTML
  • + : Bon contrôle sur la mise en page.
  • - : Syntaxe peu lisible, débordera du cadre principal quand redimensionné trop petit.
3. Syntaxe des galeries mediawiki
  • + : Simple, syntaxe standard de Mediawiki.
  • - : Toutes les vignettes vont faire la même taille, peu adapté aux listes contenant des images de tailles différentes..
Note

Comme le champ est du texte libre, on peut évidemment combiner les différentes méthodes selon les besoins.

Exemple avec une liste dans un div approprié

 <div class="gallery_wiki">
* [[Image:Galaxian 04.jpg|700px|thumb|center|[[Saga]] blabla.]]
* [[Image:Galaxian 02.jpg|350px|thumb|[[Saga]] blabla.]]
* [[Image:Galaxian 08.jpg|250px|thumb|center|[[Saga]] blabla.]]
</div>

Exemple avec des tables

<table align="center">
<tr valign="top">
      <td>[[Image:Galaxian 05.jpg|375px|thumb|center|[[Saga]] ......]]</td>
      <td>[[Image:Galaxian 07.jpg|375px|thumb|center|[[Saga]] ......]]</td>
   </tr>
   <tr valign="top">
      <td>[[Image:Galaxian 08.jpg|375px|thumb|center|[[Saga]] ......]]</td>
      <td>[[Image:Galaxian 09.jpg|375px|thumb|center|[[Saga]] ......]]</td>
   </tr>
</table>

Exemple avec une galerie Mediawiki

<gallery>
Image:Example.jpg|Item 1
Image:Example.jpg|un lien vers [[Help:Contents/fr]]
Image:Example.jpg Image:Example.jpg
Image:Example.jpg|''légende en italique''
</gallery>
</fieldset>