Data ExplorerListe des donnéesdata:skin

data:skin.vars.footer_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="footer.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

$(footer.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": {
      "footer_background": string,
        {
          "image": image,
            {
              "isResizable": boolean
            }
        }
    }
  }
}

Les données converties sont de type string.

<data:skin.vars.footer_background/>

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

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

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

Valeurs

Modèle Thème Valeur
Picture Window Open transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left
Shade transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left
Screen transparent none repeat scroll top center
Watermark Birds #330000 url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left
Navigator #110000 url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left
Flower #331100 url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left
Bubblegum #ffcccc url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left

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éorieFiches techniquesInclusions universelles
Open Graph Protocol [openGraphMetaData]
Populaire
ThéorieRéférences XMLBalises
Les balises de marquage par défaut [b:defaultmarkups / b:defaultmarkup]
Populaire