26 août 2010

(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.

2 commentaires:

  1. Bonjour, je cherche à intégrer un "flip-flap" (http://www.pageflip-flap.com/) dans un de mes articles.
    je n'arrive pas à accéder au mode html d'un article en particulier.
    merci de me venir en aide!!!
    et merci pour tous ces conseils géniaux au fil des pages!

    RépondreSupprimer
  2. Bonjour grace a ton blog, j arrive a progresser dans le design de mon blog. je n arrive cependant pas a modifier le bleu du texte des categories par exemple.
    sinon j ai besoin d un conseil: je blog en deux langues et ca me pose probleme, je ne veux pas avoir deux blogs, et je me demandait si il y avait moyen de tricher pour que je poste deux fois le meme article en deux langues, mais que seul un seul apparaisse dans la page d acceuil? sinon je suis ouverte a toute suggestion...je sens que je vais pas tarder a quitter overblog car trop de restrictions est ce que wordpress c est mieux?
    merci

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)