Différences entre les versions de « Modèle:Img-right-legend »
De Entre Amis
| (3 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
| − | <includeonly><div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|300px}}}; float: right; margin: 15px 0 15px 15px;"><img class="img-responsive" src="{{{src}}}" alt="{{{legend | + | <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 10 : | Ligne 10 : | ||
|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 : 300px" | |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" | |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>" | ||
| Ligne 21 : | Ligne 22 : | ||
* '''Code''' | * '''Code''' | ||
<pre>{{img-right-legend | <pre>{{img-right-legend | ||
| − | |src= | + | |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 27 : | Ligne 28 : | ||
:: ''Rendu'' | :: ''Rendu'' | ||
{{img-right-legend | {{img-right-legend | ||
| − | |src= | + | |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 37 : | Ligne 38 : | ||
* '''Code''' | * '''Code''' | ||
<pre>{{img-right-legend | <pre>{{img-right-legend | ||
| − | |src= | + | |src=//lorempixel.com/1024/1024/business |
|maxwidth=400px | |maxwidth=400px | ||
|text-align=left | |text-align=left | ||
| Ligne 45 : | Ligne 46 : | ||
:: ''Rendu'' | :: ''Rendu'' | ||
{{img-right-legend | {{img-right-legend | ||
| − | |src= | + | |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.
Une photo de Lorem Pixel.
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.
Une photo de Lorem Pixel.
Une photo de Lorem Pixel.