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

De Entre Amis
Aller à : navigation, rechercher
 
(8 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<includeonly>{{#tag:html|
+
<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>
<div style="text-align: {{{text-align|right}}}; max-width: {{{maxwidth|600px}}}; margin: 0 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>
 
 
__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"
  |maxwidth="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>
 
  
 
=== Exemples ===
 
=== 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>
+
}}
 +
</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.
+
   |legend=Business chez lorempixel.com.
   |photo=Une photo de Christiane.
+
   |photo=Une photo de Lorem Pixel.
 
}}
 
}}
  
 
* '''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
   |maxwidth=800px
+
   |maxwidth=400px
   |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>
 
}}</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
   |maxwidth=800px
+
   |maxwidth=400px
   |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.
 
}}
 
}}

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.