Les réglages de couleurs : red, green, blue, alpha, transparent, inverse

Blogger - Color - Red, green, blue, alpha, transparent, inverse

Les termes red, green, blue, alpha, transparent et inverse sont des suffixes que l'on ajoute à une donnée d'habillage Blogger dont la variable est de type color, afin d'obtenir une nouvelle valeur.



Définition

Les paramètres red, green et blue renvoient un nombre entre 0 et 255 correspondant à leur couleur.
Le paramètre alpha renvoie un nombre entre 0.0 et 1.0 correspondant au niveau de transparence de la couleur.
Les paramètres transparent et inverse renvoient un code de couleur rgba transparent ou inversé.

Lorsque ces paramètres sont ajoutés au nom d'une donnée de ce type, celui-ci renverra une nouvelle valeur.

En savoir plus sur les variables d'habillage de type Color

D'un point de vue technique, ces paramètres sont des données renfermées dans un objet et qui renvoient une nouvelle valeur :

Ressources
"data": {
  "skin": {
    "vars": {
      "color_variable_name": skin,
                               { 
                                 "red": string,
                                 "green": string,
                                 "blue": string,
                                 "alpha": string,
                                 "transparent": string,
                                 "inverse": string
                               }
    }
  }
}

Récupérer les éléments d'une variable de couleur

En pratique, une variable de couleur doit d'abord être définie dans la section b:skin.

<Variable name="body.color"
          description="COULEUR"
          type="color"
          default="rgba(0, 0, 0, 0.87)"
          value="rgba(0, 0, 0, 0.87)"/>

Ensuite, on converti la variable en utilisant le nom de cette variable et en y ajoutant l'un des suffixes.

Valeur Conversion au format XML Conversion au format b:skin
Par défaut <data:skin.vars.body_color/> $(body.color)
Rouge <data:skin.vars.body_color.red/> $(body.color.red)
Vert <data:skin.vars.body_color.green/> $(body.color.green)
Bleu <data:skin.vars.body_color.blue/> $(body.color.blue)
Alpha <data:skin.vars.body_color.alpha/> $(body.color.alpha)
Transparent <data:skin.vars.body_color.transparent/> $(body.color.transparent)
Couleur inverse <data:skin.vars.body_color.inverse/> $(body.color.inverse)


Spotlight

Populaires cette semaine