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

De Entre Amis
Aller à : navigation, rechercher
m
m
Ligne 1 : Ligne 1 :
<includeonly><div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|600px}}}; margin: 15px auto 15px;"><img  class="img-responsive" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"><div class="caption">{{{legend|}}}<br><small>{{{photo|}}}</small></div></div></includeonly><noinclude>
+
<includeonly><div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|600px}}}; margin: {{{margin|15px auto 15px}};"><img  class="img-responsive" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"><div class="caption">{{{legend|}}}<br><small>{{{photo|}}}</small></div></div></includeonly><noinclude>
 
__NOTOC__
 
__NOTOC__
 
== Documentation ==
 
== Documentation ==
Ligne 9 : Ligne 9 :
 
   |text-align="position du texte de la légende ; par défaut : right"
 
   |text-align="position du texte de la légende ; par défaut : right"
 
   |maxwidth="la taille de la photo ; par défaut : 600px"
 
   |maxwidth="la taille de la photo ; par défaut : 600px"
 +
  |margin="les marges de la photo ; par défaut : '15px auto 15px'"
 
   |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 : <vide>"

Version du 21 janvier 2018 à 20:45


Documentation

Utilisation
Ce modèle sert à insérer une image centrée avec légende et auteur sous la photo.
Syntaxe
{{img-center-legend
  |text-align="position du texte de la légende ; par défaut : right"
  |maxwidth="la taille de la photo ; par défaut : 600px"
  |margin="les marges de la photo ; par défaut : '15px auto 15px'"
  |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-legend
  |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.
Business chez lorempixel.com.
Une photo de Lorem Pixel.
  • Code
{{img-center-legend
  |src=http://lorempixel.com/1024/1024/business
  |maxwidth=400px
  |text-align=left
  |legend=Business chez lorempixel.com.
  |photo=Une photo de Lorem Pixel.
}}
Rendu
Business chez lorempixel.com. Une photo de Lorem Pixel.
Business chez lorempixel.com.
Une photo de Lorem Pixel.