Data ExplorerListe des donnéesdata:skin

data:skin.vars.main_background

Description Data Type Variable Type Template Template 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
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
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
Le paramètre Image redimensionnable [isResizable]
Populaire