Data ExplorerListe des donnéesdata:skin

data:skin.vars.date_background

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

Définition de la variable

<Variable name="date.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

$(date.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": "Awesome Inc."
  }
},{
  "skin": {
    "vars": {
      "date_background": string,
        {
          "image": image,
            {
              "isResizable": boolean
            }
        }
    }
  }
}

Les données converties sont de type string.

<data:skin.vars.date_background/>

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

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

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

Valeurs

Modèle Thème Valeur
Awesome Inc. Dark transparent none no-repeat scroll top left
Light transparent none no-repeat scroll top left
Groovy transparent url(//www.blogblog.com/1kt/awesomeinc/date_background_groovy.png) repeat-x scroll bottom center
Renewable transparent none no-repeat scroll top left
Artsy transparent url(//www.blogblog.com/1kt/awesomeinc/tabs_gradient_artsy.png) repeat fixed center center
Icy transparent none no-repeat fixed center center

Posts les plus consultés de ce blog

ThéorieFiches techniquesInclusions universelles
Balises de l'entête HTML des thèmes [all-head-content]
Populaire
ThéorieFonctionnalitésOrganigramme
Populaire
DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
ThéorieFiches techniquesInclusions universelles
Open Graph Protocol [openGraphMetaData]
Populaire