Différences entre les versions de « Modèle:Img-left-legend »
De Test Entre Amis
(Page créée avec « <includeonly><div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|300px}}}; float: left; margin: 15px 15px 15px 0;"><img class="im... ») |
|||
| (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: left; margin: 15px 15px 15px 0;"><img class="img- | + | <includeonly> |
| + | <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> | ||
| + | </includeonly><noinclude> | ||
__NOTOC__ | __NOTOC__ | ||
== Documentation == | == Documentation == | ||
| Ligne 21 : | Ligne 24 : | ||
* '''Code''' | * '''Code''' | ||
<pre>{{img-left-legend | <pre>{{img-left-legend | ||
| − | |src= | + | |src=https://picsum.photos/800 |
| − | |legend=Business chez | + | |legend=Business chez picsum.photos |
| − | |photo=Une photo de | + | |photo=Une photo de Picsum Photos. |
}}</pre> | }}</pre> | ||
:: ''Rendu'' | :: ''Rendu'' | ||
{{img-left-legend | {{img-left-legend | ||
| − | |src= | + | |src=https://picsum.photos/800 |
| − | |legend=Business chez | + | |legend=Business chez picsum.photos |
| − | |photo=Une photo de | + | |photo=Une photo de Picsum Photos. |
}} | }} | ||
| Ligne 37 : | Ligne 40 : | ||
* '''Code''' | * '''Code''' | ||
<pre>{{img-left-legend | <pre>{{img-left-legend | ||
| − | |src= | + | |src=https://picsum.photos/800 |
|maxwidth=400px | |maxwidth=400px | ||
|text-align=left | |text-align=left | ||
| − | |legend=Business chez | + | |legend=Business chez picsum.photos |
| − | |photo=Une photo de | + | |photo=Une photo de Picsum Photos. |
}}</pre> | }}</pre> | ||
:: ''Rendu'' | :: ''Rendu'' | ||
{{img-left-legend | {{img-left-legend | ||
| − | |src= | + | |src=https://picsum.photos/800 |
|maxwidth=400px | |maxwidth=400px | ||
|text-align=left | |text-align=left | ||
| − | |legend=Business chez | + | |legend=Business chez picsum.photos |
| − | |photo=Une photo de | + | |photo=Une photo de Picsum Photos. |
}} | }} | ||
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.
- 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.