Data Explorer Liste des données data:skin

data:skin.vars.main_background

Description Data Type [Official classification] Variable Type Template Layouts Version
Donnée d'habillage de type background.
skin
background
Picture Window
Watermark
2

Définition de la variable

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

$(main.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": "Picture Window"
            "Watermark"
  }
},{
  "skin": {
    "vars": {
      "main_background": string,
        {
          "image": image,
            {
              "isResizable": boolean
            }
        }
    }
  }
}

Les données converties sont de type string.

<data:skin.vars.main_background/>

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

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

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

Valeurs

Modèle Thème Valeur
Picture Window Open transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left
Shade transparent none repeat scroll top center
Screen transparent none repeat scroll top center
Watermark Birds transparent none no-repeat scroll top left
Navigator transparent none no-repeat scroll top left
Flower #66bb33 url(//www.blogblog.com/1kt/watermark/body_background_flower.png) repeat scroll top center
Bubblegum transparent none no-repeat scroll top left

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