background-image: linear-gradient(left, {{{1}}} 0%, {{{2}}} 75%); background-image: -o-linear-gradient(left, {{{1}}} 0%, {{{2}}} 75%); background-image: -moz-linear-gradient(left, {{{1}}} 0%, {{{2}}} 75%); background-image: -webkit-linear-gradient(left, {{{1}}} 0%, {{{2}}} 75%); background-image: -ms-linear-gradient(to left, {{{1}}} 0%, {{{2}}} 75%)

Documentation de modèle (pour le modèle ci-dessus, parfois caché ou invisible)

Instructions

Il s'agit d'un modèle utilisé pour faire apparaître un gradient (dégradé de couleurs) de deux couleurs, de gauche à droite.
ATTENTION : Il ne peut être utilisé seul ! Il faut l'appliquer dans un tableau ou une bannière par exemple, en remplacement d'une couleur ou d'un code couleur.

{{GradientGauche|<première couleur>|<deuxième couleur>}}

Le code de base pour le mettre en place est le suivant :

{{GradientGauche|première couleur|deuxième couleur}}

Exemple

Appliqué seul

background-image: linear-gradient(left, Blue 0%, Red 75%); background-image: -o-linear-gradient(left, Blue 0%, Red 75%); background-image: -moz-linear-gradient(left, Blue 0%, Red 75%); background-image: -webkit-linear-gradient(left, Blue 0%, Red 75%); background-image: -ms-linear-gradient(to left, Blue 0%, Red 75%)

Appliqué dans un tableau

A noter que le modèle est utilisé juste après le texte :
#555555;background:


Les deux couleurs choisies sont le "Turquoise" et le "SteelBlue" Les deux couleurs choisies sont le "IndianRed" et le "DarkRed"

{|border="1"  class="toccolours" style="float:center; border:3px solid #555555;  border-collapse: collapse;" align="center"
!style="border:2px solid  #555555;background:{{GradientGauche|Turquoise|SteelBlue}}" width="50%"|<font color="white">Les deux couleurs choisies sont le "Turquoise" et le "SteelBlue"</font>
!style="border:2px solid  #555555;background:{{GradientGauche|IndianRed|DarkRed}}" width="50%"|<font color="white">Les deux couleurs choisies sont le "IndianRed" et le "DarkRed"</font>
|}

Appliqué dans une bannière

A noter que le modèle est utilisé juste après le texte :
style="background-color:



<div class="boilerplate metadata" id="stub" style="white-space: wrap;">
{|align="center" cellpadding="0" cellspacing="0" style="background-color:{{GradientGauche|Gold|DimGray}}; border:Black solid 1px; padding:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:5px;"
|<center><font color="white">'''Les couleurs utilisées sont le "Gold" et le "DimGray".'''</font></center>
|}</div>



Visitez Modèle:GradientGauche/doc pour modifier ce texte ! (Comment ça fonctionne ?)


* DIVULGATION : Certains des liens ci-dessus sont des liens d'affiliation, ce qui signifie que, sans frais supplémentaires pour vous, Fandom percevra une commission si vous cliquez et effectuez un achat.Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA.