« Modèle:ImgDyn » : différence entre les versions
De gahan
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (23 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<noinclude> | <noinclude> | ||
Le système natif de MediaWiki permet de choisir la taille des images en px pour choisir la taille de son image. | |||
Néanmoins, il est préférable d'utiliser un sizing dynamique en %age. | |||
Car une taille définit en pixels pourra donner des résultats très différents en fonction de la définition d'écran de chaque utilisateur. | |||
Le code à inclure: | Le code à inclure: | ||
<pre> | <pre> | ||
{{ImgDyn | {{ImgDyn | ||
| Image | | Image = Nom de l'image (obligatoire) | ||
| Position = left, right ou center (obligatoire) | | Position = left, right ou center (obligatoire) | ||
| Largeur | | Largeur = exprimé en %age (obligatoire) | ||
| Ombre | | Lien = Nom d'une page sur laquelle pointe l'image, par exemple "Taverne" (optionnel) | ||
| Texte | | Ombre = Permet d'ajouter une ombre, par exemple "rgba(0, 0, 0, 0.22) 0px 10px 10px" (optionnel) | ||
| Class = Permet de donner des classes à l'image | |||
| Texte = Du texte ou 'vide' (optionnel) | |||
}} | }} | ||
</pre> | </pre> | ||
</noinclude> | </noinclude> | ||
<includeonly> | <includeonly><!-- | ||
<div class="{{#switch: {{{Position|}}} | --><div class="{{#switch: {{{Position|}}} | left = image-left | right = image-right | center = image-center }}" style="width: {{{Largeur}}};{{#if: {{{Ombre|}}} | box-shadow: {{{Ombre}}}; }}"><!-- | ||
| left = image-left | -->{{#if: {{{Texte|}}} | ||
| right = image-right | | <div class="image-thumb">[[File:{{{Image}}}|class=image-100w {{{Class}}}|{{#if: {{{Lien|}}} | link=[[{{{Lien}}}]] }}]]{{{Texte}}}</div> | ||
| center = image-center | | [[File:{{{Image}}}|class=image-100w {{{Class}}}|{{#if: {{{Lien|}}} | link=[[{{{Lien}}}]] }}]]}}</div><!-- | ||
}}" style="width: {{{Largeur}}};{{#if: {{{Ombre|}}} | box-shadow: {{{Ombre}}}; }}"> | --></includeonly> | ||
{{#if: {{{Texte|}}} | |||
| <div class="image-thumb">[[File:{{{Image}}}|class=image-100w]]{{{Texte}}}</div> | |||
| [[File:{{{Image}}}|class=image-100w]] | |||
}} | |||
</div> | |||
</includeonly> | |||
Version actuelle datée du 17 novembre 2024 à 10:51
Le système natif de MediaWiki permet de choisir la taille des images en px pour choisir la taille de son image.
Néanmoins, il est préférable d'utiliser un sizing dynamique en %age.
Car une taille définit en pixels pourra donner des résultats très différents en fonction de la définition d'écran de chaque utilisateur.
Le code à inclure:
{{ImgDyn
| Image = Nom de l'image (obligatoire)
| Position = left, right ou center (obligatoire)
| Largeur = exprimé en %age (obligatoire)
| Lien = Nom d'une page sur laquelle pointe l'image, par exemple "Taverne" (optionnel)
| Ombre = Permet d'ajouter une ombre, par exemple "rgba(0, 0, 0, 0.22) 0px 10px 10px" (optionnel)
| Class = Permet de donner des classes à l'image
| Texte = Du texte ou 'vide' (optionnel)
}}
