Différences entre les versions de « Modèle:Img-center »

De Entre Amis
Aller à : navigation, rechercher
 
(16 versions intermédiaires par 2 utilisateurs non affichées)
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><div class="thumbnail" style="max-width: {{{maxwidth|600px}}}; margin: 15px auto 15px;"><img  class="img-responsive" src="{{{src}}}" alt="{{{legend|}}} {{{photo|}}}" title="{{{legend|}}} {{{photo|}}}"></div></includeonly><noinclude>
</figure></div></includeonly><noinclude>
 
 
__NOTOC__
 
__NOTOC__
 
== Documentation ==
 
== Documentation ==
  
; Utilisation : Ce modèle sert à insérer une image centrée.
+
; Utilisation  
; Syntaxe:
+
: Ce modèle sert à insérer une image centrée avec légende et auteur visibles par survol de l'image.
 +
; Syntaxe
 +
:
 
<pre>{{img-center
 
<pre>{{img-center
  |text-align="position du texte de la légende ; par défaut : right"
+
  |maxwidth="la taille de la photo ; par défaut : 600px"
  |max-width="la taille de la photo ; par défaut : 600px"
+
  |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 : ""  "
+
  |photo="le nom du photographe ; par défaut : <vide>"
  |photo="le nom du photographe ; par défaut : ""  "
+
}}</pre>
  |place="le lieu, la circonstance de la photo"
 
}}</pre>
 
  
=== Exemple ===
+
=== Exemples ===
 
* '''Code'''  
 
* '''Code'''  
 
<pre>{{img-center
 
<pre>{{img-center
   |src=http://queva.eu/mw/images/thumb/b/b0/20170924_080014-Samoens-EJ.jpg/800px-20170924_080014-Samoens-EJ.jpg
+
   |src=http://lorempixel.com/1024/1024/business
   |legend=Les participants du séjour devant l'une des Fermes de Vercland.
+
  |legend=Business chez lorempixel.com.
   |photo=Une photo de Christiane.
+
  |photo=Une photo de Lorem Pixel.
 +
}}
 +
</pre>
 +
:: ''Rendu''
 +
{{img-center
 +
  |src=http://lorempixel.com/1024/1024/business
 +
  |legend=Business chez lorempixel.com.
 +
  |photo=Une photo de Lorem Pixel.
 +
}}
 +
 
 +
* '''Code'''
 +
<pre>{{img-center
 +
  |src=http://lorempixel.com/1024/1024/business
 +
  |maxwidth=400px
 +
   |legend=Business chez lorempixel.com.
 +
   |photo=Une photo de Lorem Pixel.
 
}}</pre>
 
}}</pre>
 
:: ''Rendu''
 
:: ''Rendu''
 
{{img-center
 
{{img-center
   |src=http://queva.eu/mw/images/thumb/b/b0/20170924_080014-Samoens-EJ.jpg/800px-20170924_080014-Samoens-EJ.jpg
+
   |src=http://lorempixel.com/1024/1024/business
   |legend=Les participants du séjour devant l'une des Fermes de Vercland.
+
  |maxwidth=400px
   |photo=Une photo de Christiane.
+
   |legend=Business chez lorempixel.com.
 +
   |photo=Une photo de Lorem Pixel.
 
}}
 
}}
 
</noinclude>
 

Version actuelle datée du 18 janvier 2018 à 22:44


Documentation[ ]

Utilisation
Ce modèle sert à insérer une image centrée avec légende et auteur visibles par survol de l'image.
Syntaxe
{{img-center
  |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 : <vide>"
  |photo="le nom du photographe ; par défaut : <vide>"
}}

Exemples[ ]

  • Code
{{img-center
  |src=http://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.
  • Code
{{img-center
  |src=http://lorempixel.com/1024/1024/business
  |maxwidth=400px
  |legend=Business chez lorempixel.com.
  |photo=Une photo de Lorem Pixel.
}}
Rendu
Business chez lorempixel.com. Une photo de Lorem Pixel.