Différences entre les versions de « Modèle:Img-center »

Version actuelle datée du 18 janvier 2018 à 21:44

Documentation[ ]

Utilisation: Ce modèle sert à insérer une image centrée avec légende et auteur visibles par survol de l'image.
Syntaxe

{{img-center
  |maxwidth="la taille de la photo ; par défaut : 600px"
  |src="l'url du fichier de la photo"
  |legend="la légende de la photo ; par défaut : <vide>"
  |photo="le nom du photographe ; par défaut : <vide>"
}}

Exemples[ ]

Code

{{img-center
  |src=http://lorempixel.com/1024/1024/business
  |legend=Business chez lorempixel.com.
  |photo=Une photo de Lorem Pixel.
}}

Rendu

Business chez lorempixel.com. Une photo de Lorem Pixel.

Code

{{img-center
  |src=http://lorempixel.com/1024/1024/business
  |maxwidth=400px
  |legend=Business chez lorempixel.com.
  |photo=Une photo de Lorem Pixel.
}}

Rendu

@@ Ligne 1 : / Ligne 1 : @@
-<includeonly>{{#tag:html|<div style="text-align: {{{text-align|right}}}; max-width: {{{max-width|600px}}; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 4px; border: 1px solid gainsboro; border-radius: 4px;"><figure><img  class="img-responsive" src="{{{src}}}" alt="{{{legend|}}}{{{photo|}}}" title="{{{legend|}}}{{{photo|}}}"><figcaption>{{{legend|}}}<br /><small>{{{photo|}}}</small></figcaption>
+<includeonly><div class="thumbnail" style="max-width: {{{maxwidth|600px}}}; margin: 15px auto 15px;"><img  class="img-responsive" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"></div></includeonly><noinclude>
-</figure></div>}}</includeonly><noinclude>
 __NOTOC__
 == Documentation ==
-; Utilisation : Ce modèle sert à insérer une image centrée.
+; Utilisation
-; Syntaxe:
+: Ce modèle sert à insérer une image centrée avec légende et auteur visibles par survol de l'image.
+; Syntaxe
+:
 <pre>{{img-center
-   |text-align="position du texte de la légende ; par défaut : right"
+  |maxwidth="la taille de la photo ; par défaut : 600px"
-   |max-width="la taille de la photo ; par défaut : 600px"
+  |src="l'url du fichier de la photo"
-   |src="l'url du fichier de la photo"
+  |legend="la légende de la photo ; par défaut : <vide>"
-   |legend="la légende de la photo ; par défaut : ""  "
+  |photo="le nom du photographe ; par défaut : <vide>"
-   |photo="le nom du photographe ; par défaut : ""  "
+}}</pre>
-   |place="le lieu, la circonstance de la photo"
- }}</pre>
-=== Exemple ===
+=== Exemples ===
 * '''Code'''
 <pre>{{img-center
-   |src=http://queva.eu/mw/images/thumb/b/b0/20170924_080014-Samoens-EJ.jpg/800px-20170924_080014-Samoens-EJ.jpg
+   |src=http://lorempixel.com/1024/1024/business
-   |legend=Les participants du séjour devant l'une des Fermes de Vercland.
+  |legend=Business chez lorempixel.com.
-   |photo=Une photo de Christiane.
+  |photo=Une photo de Lorem Pixel.
+}}
+</pre>
+:: ''Rendu''
+{{img-center
+  |src=http://lorempixel.com/1024/1024/business
+  |legend=Business chez lorempixel.com.
+  |photo=Une photo de Lorem Pixel.
+}}
+* '''Code'''
+<pre>{{img-center
+  |src=http://lorempixel.com/1024/1024/business
+  |maxwidth=400px
+   |legend=Business chez lorempixel.com.
+   |photo=Une photo de Lorem Pixel.
 }}</pre>
 :: ''Rendu''
 {{img-center
-   |src=http://queva.eu/mw/images/thumb/b/b0/20170924_080014-Samoens-EJ.jpg/800px-20170924_080014-Samoens-EJ.jpg
+   |src=http://lorempixel.com/1024/1024/business
-   |legend=Les participants du séjour devant l'une des Fermes de Vercland.
+  |maxwidth=400px
-   |photo=Une photo de Christiane.
+   |legend=Business chez lorempixel.com.
+   |photo=Une photo de Lorem Pixel.
 }}
-</noinclude>

Différences entre les versions de « Modèle:Img-center »

Version actuelle datée du 18 janvier 2018 à 21:44

Documentation[ ]

Exemples[ ]

Différences entre les versions de « Modèle:Img-center »