Différences entre les versions de « Modèle:Img-center »
De Entre Amis
| Ligne 1 : | Ligne 1 : | ||
| − | <includeonly><div style="text-align: {{{text-align|right}}}; max-width: {{{max-width|600px}}; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 4px; border: 1px solid gainsboro; border-radius: 4px;"><figure><img class="img-responsive" src="{{{src}}}" alt="{{{legend|}}}{{{photo|}}}" title="{{{legend|}}}{{{photo|}}}"><figcaption>{{{legend|}}}<br /><small>{{{photo|}}}</small></figcaption> | + | <includeonly><html><div style="text-align: {{{text-align|right}}}; max-width: {{{max-width|600px}}; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 4px; border: 1px solid gainsboro; border-radius: 4px;"><figure><img class="img-responsive" src="{{{src}}}" alt="{{{legend|}}}{{{photo|}}}" title="{{{legend|}}}{{{photo|}}}"><figcaption>{{{legend|}}}<br /><small>{{{photo|}}}</small></figcaption> |
| − | </figure></div></includeonly><noinclude> | + | </figure></div></html></includeonly><noinclude> |
__NOTOC__ | __NOTOC__ | ||
== Documentation == | == Documentation == | ||
Version du 17 janvier 2018 à 09:30
Documentation
- Utilisation
- Ce modèle sert à insérer une image centrée.
- Syntaxe
{{img-center
|text-align="position du texte de la légende ; par défaut : right"
|max-width="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 : "" "
|place="le lieu, la circonstance de la photo"
}}
Exemple
- Code
{{img-center
|src=http://queva.eu/mw/images/thumb/b/b0/20170924_080014-Samoens-EJ.jpg/800px-20170924_080014-Samoens-EJ.jpg
|legend=Les participants du séjour devant l'une des Fermes de Vercland.
|photo=Une photo de Christiane.
}}
- Rendu
<html>
<figure>
<figcaption>Les participants du séjour devant l'une des Fermes de Vercland.
Une photo de Christiane.</figcaption> </figure>
<figcaption>Les participants du séjour devant l'une des Fermes de Vercland.Une photo de Christiane.</figcaption> </figure>
</html>