Différences entre les versions de « Modèle:Img-center-legend »
De Entre Amis
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
- 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