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

De Test Entre Amis
Aller à : navigation, rechercher
 
Ligne 1 : Ligne 1 :
 
<includeonly>
 
<includeonly>
<div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|300px}}}; float: left; margin: 15px 15px 15px 0;">
+
<div class="img-thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|300px}}}; float: left; margin: 15px 15px 15px 0;">
 
<img  class="img-fluid" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"><div class="caption"><small>{{{legend|}}} / {{{photo|}}}</small></div></div>
 
<img  class="img-fluid" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"><div class="caption"><small>{{{legend|}}} / {{{photo|}}}</small></div></div>
 
</includeonly><noinclude>
 
</includeonly><noinclude>

Version actuelle datée du 1 février 2023 à 16:08


Documentation

Utilisation
Ce modèle sert à insérer une image flottante à gauche avec légende et auteur sous la photo.
Syntaxe
{{img-left-legend
  |text-align="position du texte de la légende ; par défaut : right"
  |maxwidth="la taille de la photo ; par défaut : 300px"
  |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-left-legend
  |src=https://picsum.photos/800
  |legend=Business chez picsum.photos
  |photo=Une photo de Picsum Photos.
}}
Rendu
Business chez picsum.photos Une photo de Picsum Photos.
Business chez picsum.photos / Une photo de Picsum Photos.



  • Code
{{img-left-legend
  |src=https://picsum.photos/800
  |maxwidth=400px
  |text-align=left
  |legend=Business chez picsum.photos
  |photo=Une photo de Picsum Photos.
}}
Rendu
Business chez picsum.photos Une photo de Picsum Photos.
Business chez picsum.photos / Une photo de Picsum Photos.