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

De Entre Amis
Aller à : navigation, rechercher
m
 
(Une version intermédiaire par le même utilisateur non affichée)
Ligne 1 : Ligne 1 :
<includeonly><div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|300px}}}; float: right; margin: {{{margin|15px 0 15px 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|300px}}}; float: right; margin: {{{margin|15px 0 15px 15px}}};"><img  class="img-responsive" src="{{{src}}}" alt="{{{legend|}}}" title="{{{legend|}}}"><div class="caption">{{{legend|}}}<br><small>{{{photo|}}}</small></div></div></includeonly><noinclude>
 
__NOTOC__
 
__NOTOC__
 
== Documentation ==
 
== Documentation ==
Ligne 22 : Ligne 22 :
 
* '''Code'''  
 
* '''Code'''  
 
<pre>{{img-right-legend
 
<pre>{{img-right-legend
   |src=http://lorempixel.com/1024/1024/business
+
   |src=//lorempixel.com/1024/1024/business
 
   |legend=Business chez lorempixel.com.
 
   |legend=Business chez lorempixel.com.
 
   |photo=Une photo de Lorem Pixel.
 
   |photo=Une photo de Lorem Pixel.
Ligne 28 : Ligne 28 :
 
:: ''Rendu''
 
:: ''Rendu''
 
{{img-right-legend
 
{{img-right-legend
   |src=http://lorempixel.com/1024/1024/business
+
   |src=//lorempixel.com/1024/1024/business
 
   |legend=Business chez lorempixel.com.
 
   |legend=Business chez lorempixel.com.
 
   |photo=Une photo de Lorem Pixel.
 
   |photo=Une photo de Lorem Pixel.
Ligne 38 : Ligne 38 :
 
* '''Code'''  
 
* '''Code'''  
 
<pre>{{img-right-legend
 
<pre>{{img-right-legend
   |src=http://lorempixel.com/1024/1024/business
+
   |src=//lorempixel.com/1024/1024/business
 
   |maxwidth=400px
 
   |maxwidth=400px
 
   |text-align=left
 
   |text-align=left
Ligne 46 : Ligne 46 :
 
:: ''Rendu''
 
:: ''Rendu''
 
{{img-right-legend
 
{{img-right-legend
   |src=http://lorempixel.com/1024/1024/business
+
   |src=//lorempixel.com/1024/1024/business
 
   |maxwidth=400px
 
   |maxwidth=400px
 
   |text-align=left
 
   |text-align=left

Version actuelle datée du 9 février 2021 à 17:14


Documentation[ ]

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

  • Code
{{img-right-legend
  |src=//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.
Business chez lorempixel.com.
Une photo de Lorem Pixel.