ThéorieFonctionnalitésAvancé

L'art de maîtriser les colonnes des modèles b:v2


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
L'art de maîtriser les colonnes des modèles 2010
Par défaut, dans l'éditeur de modèles, Blogger propose pour les modèles b:v2 (lancés en 2010) 8 dispositions pour la mise en page du contenu et 3 colonnes pour le pied de page.
Un choix déjà très large que nous allons augmenter grâce au code html de votre modèle.
Un blog à 9 colonnes ! Ça vous tente ?


Ce développement s'adresse aux utilisateurs expérimentés !
Avant de l'appliquer sur votre blog, testez-le sur un blog "test" ! ! !


L'art de maîtriser les colonnes des modèles 2010


La mise en page du contenu

Le contenu (partie principale) des modèles 2010 est construit sur 3 colonnes pouvant accueillir plusieurs sous-colonnes :

- Gauche Centre Droite
Type de colonnes Gadgets Articles Gadgets
Nbre minimum de sous-colonnes 0 1 0
Nbre maximum de sous-colonnes 4 1 4
Au total, un modèle peut contenir entre 1 et 9 colonnes.


L'art de maîtriser les colonnes des modèles 2010


Haut de page


Configurer la mise en page du contenu

- Blog complet Colonne gauche Colonne droite
Largeur (en px) (*) (valeur max.: 1500)
Nombre de sous-colonnes (**) -
(*) La somme des largeurs des colonnes gauche et droite doit être inférieure à la largeur du blog complet !.
(**) Si 0 colonne, la colonne sera désactivée même si vous paramétrez une largeur.

<b:variable default='930px' name='content.width' type='length' value='930px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='360px'/>

<macro:include id='main-column-left-sections' name='sections'>
  <macro:param default='0' name='num' value='0'/>
  <macro:param default='sidebar-left' name='idPrefix'/>
  <macro:param default='sidebar' name='class'/>
  <macro:param default='true' name='includeBottom'/>
</macro:include>

<macro:include id='main-column-right-sections' name='sections'>
  <macro:param default='2' name='num' value='2'/>
  <macro:param default='sidebar-right' name='idPrefix'/>
  <macro:param default='sidebar' name='class'/>
  <macro:param default='true' name='includeBottom'/>
</macro:include>


Où modifier ces codes ?

Tableau de bordModèleModifier le code HTML

Recherchez les emplacements et remplacez les éléments surlignés.
Les codes de couleurs vous aideront à vous repérer et à comprendre ce que vous modifiez.


Haut de page


La mise en page du pied de page

Les pieds de pages peuvent avoir via l'éditeur de modèles jusqu'à 3 colonnes.

Via le code html, vous pouvez en obtenir une quatrième gratuite :D.


L'art de maîtriser les colonnes des modèles 2010




Haut de page


Configurer de la mise en page du pied de page

Nombre de colonnes

<macro:include id='footer-sections' name='sections'>
  <macro:param default='2' name='num' value='3'/>
  <macro:param default='footer' name='idPrefix'/>
  <macro:param default='foot' name='class'/>
  <macro:param default='false' name='includeBottom'/>
</macro:include>


Où modifier ce code ?

Tableau de bordModèleModifier le code HTML

Recherchez l'emplacement et remplacez l'élément en rouge.


Vous sauvegardez et admirez le résultat.


Vous pouvez également voir une démonstration sur Un blog à 9 colonnes.
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte Platine TC (Ambassador & Advanced Troubleshooter):
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire