ThéorieFonctionnalitésÉditeurs

Éditeur de modèles - Ajouter des fichiers CSS


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.
Ajouter des déclarations CSS
Ajouter des fichiers CSS depuis l'éditeur de modèles Blogger est un système ingénieux qui permet de visualiser presque instantanément les effets des déclarations sur le blog.
C'est un outil excessivement pratique pour apprendre et tester par sois-même des déclarations.

Qu'est-ce qu'un fichier CSS ?

Les fichiers CSS sont composés de déclarations qui ont pour mission de modifier l'apparence de tous les éléments contenus dans une page web.
Ainsi, on peut modifier les couleurs des textes, des arrières-plan, la taille des polices, la disposition des éléments, appliquer des effets de transition, etc. La palette est relativement bien garnie.

Pour en savoir plus, je vous invite à lire les articles du centre d'aide Blogger :

W3Schools.com (en anglais) est l'endroit idéal pour commencer à apprendre ce langage. Je vous encourage fortement d'ajouter ce site à vos favoris et d'en faire votre livre de chevet.

SelfHtml.org (en allemand), vous sera très utile, si vous avez besoin d'obtenir des explications détaillées. Le site contient également de nombreux exemples.


Ajouter des déclarations depuis l'éditeur de modèles

Sur Blogger, en lançant l'éditeur de modèles en 2010, les ingénieurs ont marqué le coup, en offrant la possibilité d'ajouter des styles personnalisés. Cela évite aussi d'aller trifouiller inutilement dans le code HTML du modèle.
Certes, l'application reste encore fragile et peut être facilement endommagée en fonction du modèle et du navigateur utilisé, mais devient efficace quand tout tourne bien "rond".


Pour accéder à l'éditeur de modèle
  • Tableau de bord
  • Modèle
  • Personnaliser
  • Avancé
  • Ajouter Fichier CSS


Éditeur CSS


A chaque fois que vous introduisez de nouvelles déclarations, l'aperçu se recharge en appliquant vos modifications.

Dés que vous enregistrez, ces déclarations sont ajoutées dans le code HTML de votre modèle, juste avant la balise ]]></b:skin>


Pour accéder à l'éditeur HTML du modèle
  • Tableau de bord
  • Modèle
  • Modifier le code HTML


Vous pouvez donc, aussi ajouter vos nouvelles déclarations à cet endroit. Elles seront également reprises dans l'éditeur de modèles (c'est magique :D).


Pour y accéder, développez <b:skin></b:skin> et parcourez son contenu.


Les CSS dans l'éditeur HTML - Développer la balise b:skin


Les CSS dans l'éditeur HTML - Fin de la balise b:skin


Dans l'éditeur de modèles, il est conseillé d'ajouter les nouvelles déclarations à la suite. Comme pour le langage courant (pour nous le français), les navigateurs exécutent les CSS du haut vers le bas. Si plusieurs déclarations sont en double, c'est la déclaration située au plus près de la fin du fichier qui devient prioritaire.

Afin de ne pas surcharger votre modèle, vous pouvez supprimer les déclarations inutilisées ou en double.

Pour vous repérer plus facilement dans votre fichier, Vous pouvez ajouter des notes personnelles.

Exemple :

/* Modules pied de page
---------------------------------------------------- */

Cet indice s'avère souvent utile lorsque le fichier devient volumineux ou lorsque vous rencontrez des problèmes.
Il peut permettre à celui qui vous portera assistance, de remonter la piste et vous fournir des explications.

Les notes personnelles doivent être introduites entre /* et */


A lire également : Langage Blogger : b:skin - Habillage CSS et définitions des variables CSS
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • 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

ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Populaire