« Modèle:TexteSurImage » : différence entre les versions
De gahan
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
Aucun résumé des modifications Balise : Révocation manuelle |
||
| (15 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 5 : | Ligne 5 : | ||
{{TexteSurImage | {{TexteSurImage | ||
| image = | | image = Bandeau - Le Monde de Gahan.jpg | ||
| image-class = img-fading | |||
| image-shadow = 0px 0px 13px 3px rgba(0,0,0,0.8) | |||
| lien = Le Monde de Gahan | |||
| text = <b>LE MONDE DE GAHAN</b> | | text = <b>LE MONDE DE GAHAN</b> | ||
| text-size = | | text-size = 54px | ||
| text-font = Candara | | text-font = Candara | ||
| text-align = center | |||
| text-color = white | | text-color = white | ||
| text-lheight = 1.1 | | text-lheight = 1.1 | ||
| Ligne 24 : | Ligne 28 : | ||
{{TexteSurImage | {{TexteSurImage | ||
| image = Bandeau - Le Monde de Gahan.jpg | | image = Bandeau - Le Monde de Gahan.jpg | ||
| text = <b>LE MONDE | | image-class = img-fading | ||
| text-size = | | image-shadow = 0px 0px 13px 3px rgba(0,0,0,0.8) | ||
| lien = Le Monde de Gahan | |||
| text = <b>LE MONDE DE GAHAN</b> | |||
| text-size = 54px | |||
| text-font = Candara | | text-font = Candara | ||
| text-align = center | |||
| text-color = white | | text-color = white | ||
| text-lheight = 1.1 | | text-lheight = 1.1 | ||
| text-shadow = 4px 4px 7px #000000 | | text-shadow = 4px 4px 7px #000000 | ||
| text-vertical = Oui | | text-vertical = Oui | ||
| top = | | top = 1% | ||
| bottom = | | bottom = | ||
| left = 1% | | left = 1% | ||
| Ligne 43 : | Ligne 51 : | ||
| Image = {{{image|}}} | | Image = {{{image|}}} | ||
| Largeur = 100% | | Largeur = 100% | ||
| Ombre = {{{image-shadow|}}} | |||
| Lien = {{{lien|}}} | |||
| Class = {{{image-class|}}} | |||
}} | }} | ||
<div style="position: absolute; | <div style="position: absolute; | ||
top: {{{top}}}; | pointer-events: none; | ||
bottom: {{{bottom}}}; | top: {{{top|}}}; | ||
left: {{{left}}}; | bottom: {{{bottom|}}}; | ||
right: {{{right}}}; | left: {{{left|}}}; | ||
font-size: {{{text-size}}}; | right: {{{right|}}}; | ||
font-family: {{{text-font}}}; | width: 100%; | ||
color: {{{text-color}}}; | height: 100%; | ||
line-height: {{{text-lheight}}}; | overflow: hidden; | ||
font-size: {{{text-size|}}}; | |||
font-family: {{{text-font|}}}; | |||
text-align: {{{text-align|}}}; | |||
color: {{{text-color|}}}; | |||
line-height: {{{text-lheight|}}}; | |||
{{#if: {{{text-vertical|}}} | writing-mode: vertical-rl; transform: rotate(-180deg);}} | {{#if: {{{text-vertical|}}} | writing-mode: vertical-rl; transform: rotate(-180deg);}} | ||
text-shadow: {{{text-shadow}}};"> | text-shadow: {{{text-shadow|}}};"> | ||
{{{text}}} | {{{text}}} | ||
</div></div> | </div></div> | ||
Version actuelle datée du 19 novembre 2024 à 22:10
Ce template permet d'ajouter un texte dans une image.
Il est utilisé par exemple pour les images de titre de section important comme "Le Monde de Gahan". L'image prendra par défaut 100% de la taille qui lui est alloué.
Le code à inclure:
{{TexteSurImage
| image = Bandeau - Le Monde de Gahan.jpg
| image-class = img-fading
| image-shadow = 0px 0px 13px 3px rgba(0,0,0,0.8)
| lien = Le Monde de Gahan
| text = <b>LE MONDE DE GAHAN</b>
| text-size = 54px
| text-font = Candara
| text-align = center
| text-color = white
| text-lheight = 1.1
| text-shadow = 4px 4px 7px #000000
| text-vertical = Oui
| top = 1%
| bottom =
| left = 1%
| right =
}}
