Data ExplorerListe des donnéesdata:skin

data:skin.vars.body_background_overlay

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

Définition de la variable

<Variable name="body.background.overlay"
          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

$(body.background.overlay)

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": "Watermark"
  }
},{
  "skin": {
    "vars": {
      "body_background_overlay": string,
        {
          "image": image,
            {
              "isResizable": boolean
            }
        }
    }
  }
}

Les données converties sont de type string.

<data:skin.vars.body_background_overlay/>

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

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.body_background_overlay.image/>

<b:eval expr='data:skin.vars.body_background_overlay.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.body_background_overlay.image.isResizable/>

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

Valeurs

Modèle Thème Valeur
Watermark Birds transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right
Navigator transparent url(//www.blogblog.com/1kt/watermark/body_overlay_navigator.png) no-repeat scroll top center
Flower transparent none no-repeat scroll top left
Bubblegum #ee1133 url(//www.blogblog.com/1kt/watermark/body_overlay_bubblegum.png) repeat-x scroll top left
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Favicons multi-sets [icon / apple-touch-icon / msapplication]
Populaire
ThéorieRéférences XMLTypes des variables d'habillage
Variables d'habillage - Les arrière-plans [background]
Populaire
ThéorieRéférences XMLParamètres des données
Les paramètres caractères d'échappement [escaped/jsEscaped/jsonEscaped/cssEscaped]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire