(OverBlog) Donner un design personnalisé à un article

Nous allons modifier totalement le design d'un article : enlever l'entête du blog, les colonnes, le pied de page ...

Les conditions :

• il ne devra pas être édité en page d'accueil, il faudra donc l'anti-dater
• il faut que vous soyez en mode avancé
• il faut sélectionner un article par page dans Configurer > onglet Articles > représentation schématique de l'article > petit marteau en haut à droite

Vous allez ensuite dans l'HTML de l'article à personnaliser.

Vous y collez :

<style type="text/css">

body{background:url(adresse du fond);}

#top {display:none;}
#footer {display:none;}
 #cl_1_2 {visibility:hidden;}
 #cl_1_0 {visibility:hidden;}
.date {display:none;}
.titreArticle{font-size:150%; }
.article {background:none;border:solid 0px;}
</style>

Vous allez maintenant pouvoir personnaliser ce code :

body{background:url(adresse du fond);} pour changer le fond général.
#top {display:none;} enlever l'entête
#footer {display:none;} enlever le pied de page
#cl_1_2 {visibility:hidden;} enlever la colonne de droite
#cl_1_0 {visibility:hidden;} enlever la colonne de gauche
.date {display:none;} enlever la date
.titreArticle{font-size:150%; } Pour augmenter de 150% la taille de la date
.article {background:none;border:solid 0px;} Pour enlever le fond de l'article et les bordures

Vous supprimez les lignes dont vous ne voulez pas et vous rajoutez, toujours entre les balises <style type="text/css"> et </style> celles dont vous avez besoin.

Comme je suppose que vous ne connaissez pas toutes les lignes de CSS par coeur, vous les retrouverez dans ce sommaire

Vous écrivez ensuite votre article comme n'importe lequel.