Bibliothèque des donnéesdata:skin

data:skin.vars.comments_background

Description Data Type Variable Type Template Template Version
Donnée d'habillage de type background.
string
background
Travel
2

Définition de la variable

<Variable name="comments.background"
          description="description"
          type="background"
          color="color"
          default="value"
          value="value"/>

La variable est de type background. La valeur attendue doit contenir les paramètres CSS de l'arrière-plan.

Syntaxe
color image repeat attachment position

Exemple
#539bcd url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMYTM3ZTRlZTktYzE4ZC00NWU0LWEyMzctOWFlZjVkZTkzNGY4) repeat fixed top center

Usage dans b:skin

$(comments.background)

Conversion en une expression data

Toutes les données d'habillage définies dans <b:skin></b:skin>, peuvent être converties en une expression data:, pouvant être injectée dans l'ensemble du modèle.

Ressources XML
"data": {
  "template": {
    "name": "Travel"
  }
},{
  "skin": {
    "vars": {
      "comments_background": string,
        {
          "image": image,
            {
              "isResizable": boolean
            }
        }
    }
  }
}

Les données converties sont de type string.

<data:skin.vars.comments_background/>

<b:eval expr='data:skin.vars.comments_background'/>

L'url de l'image d'arrière-plan peut être obtenue en ajoutant le suffixe .image à la donnée. La valeur de la nouvelle donnée sera de type image.

<data:skin.vars.comments_background.image/>

<b:eval expr='data:skin.vars.comments_background.image'/>

Le suffixe .isResizable permet de vérifier si l'image d'arrière-plan peut être redimensionnée à l'aide des opérateurs images. La valeur de la nouvelle donnée sera de type boolean.

<data:skin.vars.comments_background.image.isResizable/>

<b:eval expr='data:skin.vars.comments_background.image.isResizable'/>

Valeurs

Modèle Thème Valeur
Travel Studio transparent url(//www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top center
Flight #cccccc none repeat scroll top center
Beach #cccccc none repeat scroll top center
Road #cccccc none repeat scroll top center
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton partager [Share button]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire