Modification de Modèle:Img-center-legend
Attention : vous n’êtes pas connecté(e). Votre adresse IP sera visible de tout le monde si vous faites des modifications. Si vous vous connectez ou créez un compte, vos modifications seront attribuées à votre propre nom d’utilisateur(rice) et vous aurez d’autres avantages.
La précédente modification va être annulée. Veuillez vérifier les différences ci-dessous, puis publier l’annulation ci-dessous si c’est bien ce que vous voulez faire.
Version actuelle | Votre texte | ||
Ligne 1 : | Ligne 1 : | ||
− | <includeonly><div class="thumbnail" style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|600px}}}; margin: | + | <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> |
__NOTOC__ | __NOTOC__ | ||
== Documentation == | == Documentation == | ||
− | ; Utilisation | + | ; Utilisation : Ce modèle sert à insérer une image centrée avec légende et auteur de la photo apparent |
− | : Ce modèle sert à insérer une image centrée avec légende et auteur | + | ; Syntaxe: |
− | ; Syntaxe : | ||
<pre>{{img-center-legend | <pre>{{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" | |
− | + | |src="l'url du fichier de la photo" | |
− | + | |legend="la légende de la photo ; par défaut : "" " | |
− | + | |photo="le nom du photographe ; par défaut : "" " | |
− | |||
}}</pre> | }}</pre> | ||
Ligne 18 : | Ligne 16 : | ||
* '''Code''' | * '''Code''' | ||
<pre>{{img-center-legend | <pre>{{img-center-legend | ||
− | |src=// | + | |src=http://lorempixel.com/1024/1024/business |
− | |legend=Business chez | + | |legend=Business chez lorempixel.com. |
− | |photo=Une photo de | + | |photo=Une photo de Lorem Pixel. |
}}</pre> | }}</pre> | ||
:: ''Rendu'' | :: ''Rendu'' | ||
− | {{img-center | + | {{img-center |
− | |src=// | + | |src=http://lorempixel.com/1024/1024/business |
− | |legend=Business chez | + | |legend=Business chez lorempixel.com. |
− | |photo=Une photo de | + | |photo=Une photo de Lorem Pixel. |
}} | }} | ||
* '''Code''' | * '''Code''' | ||
<pre>{{img-center-legend | <pre>{{img-center-legend | ||
− | |src=// | + | |src=http://lorempixel.com/1024/1024/business |
|maxwidth=400px | |maxwidth=400px | ||
− | |||
|legend=Business chez lorempixel.com. | |legend=Business chez lorempixel.com. | ||
− | |photo=Une photo de | + | |photo=Une photo de Lorem Pixel. |
}}</pre> | }}</pre> | ||
:: ''Rendu'' | :: ''Rendu'' | ||
− | {{img-center | + | {{img-center |
− | |src=// | + | |src=http://lorempixel.com/1024/1024/business |
|maxwidth=400px | |maxwidth=400px | ||
− | |||
|legend=Business chez lorempixel.com. | |legend=Business chez lorempixel.com. | ||
− | |photo=Une photo de | + | |photo=Une photo de Lorem Pixel. |
}} | }} |