Data ExplorerListe des donnéesdata:skin

data:skin.vars.body_background

Description Data Type Variable Type Template Template Version
Donnée d'habillage de type background.
skin
background
Awesome Inc.
Contempo
Dynamic
Emporio
Ethereal
Picture Window
Simple
Travel
Watermark
2
3

Définition de la variable

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

$(body.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": "Contempo"
            "Emporio"
            "Simple"
            "Picture Window"
            "Awesome Inc."
            "Watermark"
            "Travel"
            "Ethereal"
            "Dynamic"
  }
},{
  "skin": {
    "vars": {
      "body_background": string
    }
  }
}

Les données converties sont de type string.

<data:skin.vars.body_background/>

<b:eval expr='data:skin.vars.body_background'/>

Valeurs

Modèle Thème Valeur
Contempo Indie Light #eeeeee url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) no-repeat scroll top center /* Credit: Michael Elkan (http://www.offset.com/photos/394244) */;
Indie Dark #444444 url(https://themes.googleusercontent.com/image?id=rabMT9PC10wCtkMoMM2KrjGV5ejCGidFlmg3elSmmoRNnd0FxKwY5T0RGV948R08752LcEb6qEXa) no-repeat scroll top center /* Credit: Radius Images (http://www.offset.com/photos/225860) */;
Indie Pink #e76d80 url(https://themes.googleusercontent.com/image?id=TC2CRHa0y4siIGkamqjgwzU6Ad1soZszogv0Ua9Z7mZo4kQmF2jq18x2NnvVGpTt5q4iHwBuSasu) no-repeat scroll top center /* Credit: badins (https://www.shutterstock.com/pic-383848510.html) */;
Indie Baby Blue #58c6d5 url(https://themes.googleusercontent.com/image?id=iOjEWmpWlNVmx91RAaWC3irZSyq8cu05pASFz84khXxbIM83x8QP6Hnw7ZIDcZFvcAGSBpGCNsBC) no-repeat scroll top center /* Credit: Galeries (http://www.offset.com/photos/291882) */;
Indie Orange #f2825a url(https://themes.googleusercontent.com/image?id=cv9I8ENrXKLcyUn5vUUQg7E6BKlHmpvCj3ZWzIxS4dFY686OFUWqf0gChAoj9zmPK4JQtHoONC4J) no-repeat scroll top center /* Credit: Veronica Olson (http://www.offset.com/photos/328389) */;
Emporio Vegeclub Light #f7f7f7 none repeat scroll top left
Vegeclub Bluegray #f7f7f7 none repeat scroll top left
Vegeclub Beigeblue #f7f7f7 none repeat scroll top left
Vegeclub Darkaqua #f7f7f7 none repeat scroll top left
Vegeclub Peach #f7f7f7 none repeat scroll top left
Simple Pale #ffffff none repeat scroll top left
Bold #ffffff none repeat scroll top left
Dark #292929 none repeat scroll top left
Deep #882222 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMODkzNDVjYTEtYzNiYi00YjRkLThkZjAtOGM0MGI5NzRhZjM4) repeat scroll top left
Literate #513831 url(//themes.googleusercontent.com/image?id=1KH22PlFqsiVYxboQNAoJjYmRbw5M4REHmdJbHT5M2x9zVMGrCqwSjZvaQW_A10KPc6Il) repeat scroll top center /* Credit: luoman (https://www.istockphoto.com/googleimages.php?id=11394138&platform=blogger) */
Wide #cfe7d1 url(//themes.googleusercontent.com/image?id=1x_TqXo6-7t6y2ZiuOyQ2Bk6Zod9CTtyKYtRui0IeQJe6hVlJcQiXYG2xQGkxKvl6iZMJ) repeat fixed top center /* Credit: gaffera (https://www.istockphoto.com/googleimages.php?id=4072573&platform=blogger) */
Simply Simple #ffffff none repeat scroll top left
Picture Window Open #111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center
Shade #dddddd url(//themes.googleusercontent.com/image?id=1fupio4xM9eVxyr-k5QC5RiCJlYR35r9dXsp63RKsKt64v33poi2MvnjkX_1MULBY8BsT) repeat-x fixed bottom center
Screen #fafafa url(//themes.googleusercontent.com/image?id=1iJBX-a-hBX2tKaDdERpElPUmvb4r5MDX9lEx06AA-UtZIQCYziZg3PFbmOyt-g2sH8Jo) repeat-x fixed top center
Awesome Inc. Dark #000000 url(//www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left
Light #eeeeee none repeat scroll top left
Groovy #f4af52 url(//themes.googleusercontent.com/image?id=1jBzZZhWmESbxpWuz4_KYI1iPRIJPfZVbhagMxWcJWDsBoLRejCvAeTWImo0USEiGpD5G) repeat fixed top center /* Credit: molotovcoketail (https://www.istockphoto.com/googleimages.php?id=1794602&platform=blogger) */
Renewable #fcfbf5 none repeat scroll top left
Artsy #d5b7bc url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMOGFhZWQ3YjgtZGZiZC00ODlhLWFkNmQtMzRmZmQzMjAxNTY0) repeat-x fixed center center /* Credit:jusant (https://www.istockphoto.com/googleimages.php?id=5359589&platform=blogger) */
Icy #2d3037 none repeat scroll top left
Watermark Birds #c0a154 url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left
Navigator #441500 url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left
Flower #77ccee url(//www.blogblog.com/1kt/watermark/body_background_flower.png) repeat scroll top left
Bubblegum #ee1133 url(//www.blogblog.com/1kt/watermark/body_background_bubblegum.png) repeat scroll top center
Travel Studio #539bcd url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMYTM3ZTRlZTktYzE4ZC00NWU0LWEyMzctOWFlZjVkZTkzNGY4) repeat fixed top center
Flight #cfd9f6 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMZDgyZmJiZTMtNWUxNC00NjA1LWJhZWMtODc3ZWQwMzZiYjcz) repeat fixed top center
Beach #ecb892 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNDE0ZGJiMjQtMzc0Mi00OWRkLWEzOGUtMjZkNTQ0MGMwODdm) repeat fixed top center
Road #f4bc4f url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMMDYxYTU0MmQtZTA5Yi00MTIwLTk3ZjktZWI4MzJhMDQyOTIy) repeat fixed top center
Ethereal Hummingbirds 2 #fb5e53 url(//www.blogblog.com/1kt/ethereal/birds-2toned-bg.png) repeat-x scroll top center
Blossoms 1 Blue #3d85c6 none repeat-x scroll top left
Leaves 1 #e3a327 none repeat-x scroll top left
Dynamic #EEEEEE none repeat scroll top left
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Favicons multi-sets [icon / apple-touch-icon / msapplication]
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
Les paramètres caractères d'échappement [escaped/jsEscaped/jsonEscaped/cssEscaped]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire