Les fichiers XML des thèmes - `<b:template-skin>`

Extrait de la documentation personnelle de Soraya Lambrechts

Description du fichier: Le nœud <b:template-skin> est réservé aux feuilles de styles du document HTML généré dans l'onglet "Mise en page" du tableau de bord Blogger. En savoir plus.
Directives d'usage et niveau de priorité de mise à jour: Thème Version 1

Garantie d'usage : Aucune

Aucune priorité

Thème Version 2

Garantie d'usage : Oui

Priorité moyenne

Thème Dynamique

Garantie d'usage : Oui

Priorité moyenne

Thème Version 3

Garantie d'usage : Oui

Priorité haute

Simple, Picture Windows, Awesome Inc., Watermark, Ethereal et Travel

<b:template-skin>
  <b:variable default='960px' name='content.width' type='length'/>
  <b:variable default='0' name='main.column.left.width' type='length'/>
  <b:variable default='310px' name='main.column.right.width' type='length'/>
<![CDATA[
body {
  min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
  min-width: $(content.width);
  max-width: $(content.width);
  _width: $(content.width);
}
.main-inner .columns {
  padding-left: $(main.column.left.width);
  padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
  left: $(main.column.left.width);
  right: $(main.column.right.width);
  /* IE6 does not respect left and right together */
  _width: expression(this.parentNode.offsetWidth -
    parseInt("$(main.column.left.width)") -
    parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
  width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
  width: $(main.column.right.width);
}
.main-inner .column-left-outer {
  width: $(main.column.left.width);
  right: 100%;
  margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
  width: $(main.column.right.width);
  margin-right: -$(main.column.right.width);
}
#layout {
  min-width: 0;
}
#layout .content-outer {
  min-width: 0;
  width: 800px;
}
#layout .region-inner {
  min-width: 0;
  width: auto;
}
body#layout div.add_widget {
  padding: 8px;
}
body#layout div.add_widget a {
  margin-left: 32px;
}
]]>
</b:template-skin>

Dynamics

<b:template-skin>
  <b:variable default='960px' name='content.width' type='length'/>
  <b:variable default='0' name='main.column.left.width' type='length'/>
  <b:variable default='310px' name='main.column.right.width' type='length'/>
  <b:variable default='46px' name='faviconpanel.height' type='length'/>
<![CDATA[
body {
  min-width: $(content.width);
}
.column-center-outer {
  margin-top: $(faviconpanel.height);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
  min-width: $(content.width);
  max-width: $(content.width);
  _width: $(content.width);
}
.main-inner .columns {
  padding-left: $(main.column.left.width);
  padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
  left: $(main.column.left.width);
  right: $(main.column.right.width);
  /* IE6 does not respect left and right together */
  _width: expression(this.parentNode.offsetWidth -
    parseInt("$(main.column.left.width)") -
    parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
  width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
  width: $(main.column.right.width);
}
.main-inner .column-left-outer {
  width: $(main.column.left.width);
  right: 100%;
  margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
  width: $(main.column.right.width);
  margin-right: -$(main.column.right.width);
}
#layout {
  min-width: 0;
}
#layout .content-outer {
  min-width: 0;
  width: 800px;
}
#layout .region-inner {
  min-width: 0;
  width: auto;
}
]]>
</b:template-skin>

Contempo

<b:template-skin>
<![CDATA[
body#layout .hidden,
body#layout .invisible {
  display: inherit;
}
body#layout .navigation {
  display: none;
}
body#layout .page,
body#layout .sidebar_top,
body#layout .sidebar_bottom {
  display: inline-block;
  left: inherit;
  position: relative;
  vertical-align: top;
}
body#layout .page {
  float: right;
  margin-left: 20px;
  width: 55%;
}
body#layout .sidebar-container {
  float: right;
  width: 40%;
}
body#layout .hamburger-menu {
  display: none;
}
]]>
</b:template-skin>

Emporio

<b:template-skin>
<![CDATA[
body#layout .hidden,
body#layout .invisible {
  display: inherit;
}
body#layout .centered-bottom {
  position: relative;
}
body#layout .section.featured-post,
body#layout .section.main,
body#layout .section.vertical-ad-container {
  float: left;
  width: 55%;
}
body#layout .sidebar-container {
  display: inline-block;
  width: 39%;
}
body#layout .centered-bottom:after {
  clear: both;
  content: "";
  display: table;
}
body#layout .hamburger-menu,
body#layout .search {
  display: none;
}
]]>
</b:template-skin>

Essential

<b:template-skin>
<![CDATA[
body#layout .hidden,
body#layout .invisible {
  display: inherit;
}
body#layout .navigation {
  display: none;
}
body#layout .page,
body#layout .sidebar_top,
body#layout .sidebar_bottom {
  display: inline-block;
  left: inherit;
  position: relative;
  vertical-align: top;
}
body#layout .page {
  float: right;
  margin-left: 20px;
  width: 55%;
}
body#layout .sidebar-container {
  float: right;
  width: 40%;
}
body#layout .hamburger-menu {
  display: none;
}
]]>
</b:template-skin>

Notable

<b:template-skin>
<![CDATA[
body#layout .hidden,
body#layout .invisible {
  display: inherit;
}
body#layout .navigation {
  display: none;
}
body#layout .page {
  display: inline-block;
  vertical-align: top;
  width: 55%;
}
body#layout .sidebar-container {
  display: inline-block;
  float: right;
  width: 40%;
}
body#layout .hamburger-menu,
body#layout .search {
  display: none;
}
]]>
</b:template-skin>

Soho

<b:template-skin>
<![CDATA[
body#layout .hidden,
body#layout .invisible {
  display: inherit;
}
body#layout .page {
  width: 60%;
}
body#layout.ltr .page {
  float: right;
}
body#layout.rtl .page {
  float: left;
}
body#layout .sidebar-container {
  width: 40%;
}
body#layout.ltr .sidebar-container {
  float: left;
}
body#layout.rtl .sidebar-container {
  float: right;
}
]]>
</b:template-skin>

Explorer les nœuds du fichier XML

Licence - La reproduction du contenu de ce blog n'est pas autorisée

Aucune disposition des Conditions d'Utilisation de ce blog ne pourra être interprétée comme conférant à l'Utilisateur une licence sur les Droits de Propriété Intellectuelle.

Le blog Blogger Code PE ne concède qu'une autorisation de visualisation de son contenu à titre personnel et privé. Les copies ou reproductions doivent être strictement réservées à l'usage privé du copiste.

Toute reproduction abusive, totale ou partielle du blog Blogger Code PE, représentation, modification, publication, traduction, adaptation totale ou partielle de l'un quelconque de ces éléments, accompagnée ou non d'un lien de référence, quel que soit le moyen ou le procédé utilisé, est interdite et sera considérée comme constitutive d’une contrefaçon et passible de poursuite (Les peines prévues à cet effet sont une condamnation de 3 ans d'emprisonnement et une amende de 300.000€) conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.

Nous nous réservons le droit d'afficher dans ce cadre les notifications d'infraction à la loi DMCA en relation avec le contenu de ce document et déposées par les représentants agréés du blog Blogger Code PE.

Soraya Lambrechts

Affiliée au Google Product Experts Program - Ambassador & Troubleshooter.

Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
Affectation Google US, produit Blogger depuis le 28/07/2014.

Spécialisation : Technologie des thèmes Blogger.

Auteur originel de la théorie du langage XML Blogger : Règles syntaxiques, directives d'usage, classifications, compilations et corrélations des composants.
Cela représente près de 10 années de travail. Je remercie tous ceux qui ont respecté ma propriété intellectuelle et j'offre mes meilleurs sentiments aux nombreux contributeurs (Amis, Utilisateurs, Experts Produits Google, Blogger Team et Ingénieurs).

Les fichiers XML des thèmes - `<b:template-skin>`

Vue d'ensemble du nœud

Simple, Picture Windows, Awesome Inc., Watermark, Ethereal et Travel

Dynamics

Contempo

Emporio

Essential

Notable

Soho

Explorer les nœuds du fichier XML

Licence - La reproduction du contenu de ce blog n'est pas autorisée

Spotlight

Foire aux questions Blogger (Janvier 2022)

Populaires cette semaine

LinkedIn : Bouton de partage / Share button

Introduction : Les balises Blogger / Blogger Tags

Twitter : Bouton mentionner / Mention button

Introduction - La gestion d'un blog Blogger

Blogger et le fichier robots.txt

Les fichiers XML des thèmes - <b:template-skin>

Vue d'ensemble du nœud

Simple, Picture Windows, Awesome Inc., Watermark, Ethereal et Travel

Dynamics

Contempo

Emporio

Essential

Notable

Soho

Explorer les nœuds du fichier XML

Licence - La reproduction du contenu de ce blog n'est pas autorisée

Spotlight

Foire aux questions Blogger (Janvier 2022)

Populaires cette semaine

LinkedIn : Bouton de partage / Share button

Introduction : Les balises Blogger / Blogger Tags

Twitter : Bouton mentionner / Mention button

Introduction - La gestion d'un blog Blogger

Blogger et le fichier robots.txt

Les fichiers XML des thèmes - `<b:template-skin>`