« 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 |
||
| (2 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 5 : | Ligne 5 : | ||
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. | 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: | ||
| Ligne 14 : | Ligne 15 : | ||
| Lien = Nom d'une page sur laquelle pointe l'image, par exemple "Taverne" (optionnel) | | 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) | | 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) | | Texte = Du texte ou 'vide' (optionnel) | ||
}} | }} | ||
| Ligne 21 : | Ligne 23 : | ||
--><div class="{{#switch: {{{Position|}}} | left = image-left | right = image-right | center = image-center }}" style="width: {{{Largeur}}};{{#if: {{{Ombre|}}} | box-shadow: {{{Ombre}}}; }}"><!-- | --><div class="{{#switch: {{{Position|}}} | left = image-left | right = image-right | center = image-center }}" style="width: {{{Largeur}}};{{#if: {{{Ombre|}}} | box-shadow: {{{Ombre}}}; }}"><!-- | ||
-->{{#if: {{{Texte|}}} | -->{{#if: {{{Texte|}}} | ||
| <div class="image-thumb">[[File:{{{Image}}}|class=image-100w|{{#if: {{{Lien|}}} | link=[[{{{Lien}}}]] }}]]{{{Texte}}}</div> | | <div class="image-thumb">[[File:{{{Image}}}|class=image-100w {{{Class}}}|{{#if: {{{Lien|}}} | link=[[{{{Lien}}}]] }}]]{{{Texte}}}</div> | ||
| [[File:{{{Image}}}|class=image-100w|{{#if: {{{Lien|}}} | link=[[{{{Lien}}}]] }}]]}}</div><!-- | | [[File:{{{Image}}}|class=image-100w {{{Class}}}|{{#if: {{{Lien|}}} | link=[[{{{Lien}}}]] }}]]}}</div><!-- | ||
--></includeonly> | --></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)
}}
