« 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 |
||
| (8 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<noinclude> | <noinclude> | ||
Le système natif de MediaWiki permet de choisir la taille des images en px | Le système natif de MediaWiki permet de choisir la taille des images en px pour choisir la taille de son image. | ||
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 | Néanmoins, il est préférable d'utiliser un sizing dynamique en %age. | ||
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 12 : | Ligne 13 : | ||
| Position = left, right ou center (obligatoire) | | Position = left, right ou center (obligatoire) | ||
| Largeur = exprimé en %age (obligatoire) | | Largeur = exprimé en %age (obligatoire) | ||
| Lien = Nom d'une page sur laquelle pointe l'image, par exemple | | Lien = Nom d'une page sur laquelle pointe l'image, par exemple "Taverne" (optionnel) | ||
"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) | | Class = Permet de donner des classes à l'image | ||
0px 10px 10px" (optionnel) | |||
| Texte = Du texte ou 'vide' (optionnel) | | Texte = Du texte ou 'vide' (optionnel) | ||
}} | }} | ||
</pre> | </pre> | ||
</noinclude> | </noinclude> | ||
<includeonly><!-- | |||
--><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]]}}</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)
}}
