Différences entre les versions de « Modèle:Img-center-legend »
De Entre Amis
| Ligne 1 : | Ligne 1 : | ||
| − | <includeonly><div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|600px}}}; margin: {{{margin|15px auto 15px}}};"><a href="{{{src}}}"><img class="img-responsive" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"></a><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}}};"><html><a href="{{{src}}}"><img class="img-responsive" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"></a></html><div class="caption">{{{legend|}}}<br><small>{{{photo|}}}</small></div></div></includeonly><noinclude> |
__NOTOC__ | __NOTOC__ | ||
== Documentation == | == Documentation == | ||
Version du 25 juin 2019 à 12:33
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=//lorempixel.com/1024/1024/business
|legend=Business chez lorempixel.com.
|photo=Une photo de Lorem Pixel.
}}
- Rendu
<html><a href="//lorempixel.com/1024/1024/business">
</a></html>
Business chez lorempixel.com.
Une photo de Lorem Pixel.
Une photo de Lorem Pixel.
- Code
{{img-center-legend
|src=//lorempixel.com/1024/1024/business
|maxwidth=400px
|text-align=left
|legend=Business chez lorempixel.com.
|photo=Une photo de Lorem Pixel.
}}
- Rendu
<html><a href="//lorempixel.com/1024/1024/business"></a></html>
Business chez lorempixel.com.
Une photo de Lorem Pixel.
Une photo de Lorem Pixel.