Les paramètres arrière-plan : color
, image
Les termes color
et image
sont des suffixes que l'on ajoute à une donnée d'habillage Blogger dont la variable est de type background, pour obtenir la couleur et l'url de l'image d'arrière-plan.
Définition
Les paramètres color
et image
sont destinés aux données d'habillage dont la variable est de type background.
Lorsque ces paramètres sont ajoutés au nom d'une donnée de ce type, celui-ci renverra la couleur et l'url de l'image d'arrière-plan.
En savoir plus sur les variables d'habillage de type Background
D'un point de vue technique, ces paramètres sont des données renfermées dans un objet et qui renvoient une nouvelle valeur :
"data": { "skin": { "vars": { "background_variable_name": skin, { "color": skin, "image": image } } } }
Récupérer les éléments d'une variable d'arrière-plan
En pratique, une variable d'arrière-plan doit d'abord être définie dans la section b:skin
.
<Variable name="body.background"
description="Background"
type="background"
default="#fe6602 none repeat scroll top left"
value="#fe6602 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgziAYuMlGzitTb2J1Njpq12HdfJ_gYmXarucsC9B-2WrJbjZbduCpMK-uWzPmY-fi2kBG5jUBLJFni5VwRsgKAzCh9ntvV2pZHeCSqIkM7F5oGVPvgDM7ON7LIUV7E32MjPM5zZ2GAaL9A/s1600/BCodeBanYT.jpg) repeat scroll center center"/>
Ensuite, on converti la variable en une donnée en utilisant le nom de cette variable et en y ajoutant l'un des suffixes :
Valeur | Conversion au format XML | Conversion au format b:skin |
---|---|---|
Par défaut | <data:skin.vars.body_background/> |
$(body.background) |
La couleur | <data:skin.vars.body_background.color/> |
$(body.background.color) |
L'image | <data:skin.vars.body_background.image/> |
Indisponible |
Remarques additionnelles
Lorsque le code de couleur est récupéré, la donnée devient une variable de type color.
A partir de ce stade, vous pouvez ajouter des paramètres spécifiques aux couleurs.
data:skin.vars.body_background.color.color_parameters
$(body.background.color.color_parameters)
Lorsque l'url de l'image est récupérée, la donnée devient une donnée de type image.
Par conséquent, vous avez la possibilité d'appliquer le paramètre isResizable
afin de vérifier si l'image est redimensionnable à l'aide des opérateurs d'images :
<b:if cond='data:skin.vars.body_background.image.isResizable'> </b:if>
Les autres réglages de données
AdSense
Attribution
Blog
BlogArchive
BloggerButton
BlogList
BlogSearch
ContactForm
FeaturedPost
Feed
Followers
Header
HTML
Image
Label
LinkList
PageList
PopularPosts
Profile
ReportAbuse
Stats
Subscribe
Text
TextList
Translate
Wikipediashare
author
timestamp
comments
labels
location
iconsred
green
blue
alpha
transparent
inverseany / notEmpty
emptycanonical
color
imagename
language
country
variantescaped
cssEscaped
jsEscaped
jsonEscapedday
month
year
dayOfWeek
dayOfMonth
dayOfYearfirst
lastwidth
height
originalWidth
originalHeighthttp
httpsiso8601
isResizable
languageAlignment
languageDirectionsize / length (array)
size / length (string)
size (array[image])
url (array[image])size (skin font)
familyisYoutube
youtubeMaxResDefaultUrl