Que ce soit sur l'ancienne ou la nouvelle plateforme d'OverBlog, Blogger ou Tumblr, le blogueur a accès au CSS, c'est-à-dire à la feuille de style du blog.

A quoi sert la feuille de style ?

La feuille de style décrit le style des élements du blogs du plus grand au plus petit.

Ainsi pour tout le blog, on aura :

 body{color:black;}

Et pour les textes des articles :

 .post-body{color:gray;}

Si un article correspond à la classe de style post-body.

Généralement les blogueurs n'utilisent que les classes existantes dans le thème choisi, oubliant qu'ils peuvent créer des classes.

Créer une classe

Dans la feuille de style, créons la classe encart-noir. Comme c'est une classe, elle sera précédée par un point.

 .encart-noir{}

Voilà la classe est créée.

Ajouter des propriétés. Dans l'ordre, couleur blanc, fond noir, marge intérieure et extérieure de 5px

 .encart-noir{background-color:black;color:white;padding:5px;margin:5px;}

Utiliser la classe

La classe s'utilise dans le code HTML du blog ou dans celui d'un article.

Dans un article par exemple, nous ajoutons en mode HTML :

 <div class = "encart-noir"> Ceci est un test </div> 

Le texte ceci est un test aura le style de la classe encart-noir. Test ci-dessous.

Ceci est un test

On aurait pu mettre :

<div style = "background-color:black;color:white;padding:5px;margin:5px;"> Ceci est un test </div>

Sans utiliser une classe de style, on aurait eu le même résultat.

Ceci est un test

Mais l'intérêt d'inclure la classe dans le CSS est de pouvoir la réutiliser dans les articles. On peut ainsi avoir plusieurs styles de paragraphes communs aux articles.

Dans le code HTML d'une page, cela donnera pour la section HTML, un code simple :

Mise en forme des articles : l'intérêt du CSS

Fonction repost OverBlog

Overblog Kiwi comprend la fonction repost qui permet à n'importe quel blogueur de reposter votre article sur son blog... Oui mais il ne copiera pas vos classes de style. L'article sera mis en forme selon le CSS de son thème...

Voir :