Data Explorer Liste des données data:skin

data:skin.vars.date_background

Description Data Type [Official classification] Variable Type Template Layouts 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

Base de connaissances Fonctionnalités Avancé
Populaire
Développements Fichiers XML
Populaire
Base de connaissances Fiches techniques Inclusions universelles
Balises de l'entête HTML des thèmes [all-head-content]
Populaire
Développements Multi-versions
Facebook : Bouton J'aime [Like button]
Populaire