Modifier la largeur de colonnes de blog

Publié le par Perle rare

Comment modifier la largeur totale de  blog sous Over-Blog?
Comment modifier la largeur de la colonne des articles?
Comment modifier la largeur de ma colonne de gauche contenant mes modules?
Et celle de droite?
Comment modifier la largeur de l'entête et pied de page?


Avant de commencer à répondre à ces questions, il est important de connaître la structure de votre blog sous Over-Blog.

 

Chaque  blog comprend une entête (#cl_0_0), une colonne d'articles(#cl_1_1), éventuellement un colonne à gauche(#cl_1_0) et un colonne à droite(#cl_1_2), et un pied de page(#cl_2_0).
Tous ces éléments sont contenus dans un élément #global.
C'est donc lui qui définit la largeur totale du contenu de votre blog (par exemple 100% de l'écran, ou encore 800px...).


On peut donc dire (en considérant seulement les largeurs) que
#global = #cl_1_0 + #cl_1_1 + #cl_1_2

 

Et généralement #global = #cl_0_0 = #cl_2_0

Pour modifier ces largeurs, voici le code à insérer ou modifier dans votre CSS :
#global {width: XXX;}
#cl_0_0 {width:XXX;}
#cl_1_0 {width:XXX;}
#cl_1_1 {width:XXX;}
#cl_1_2 {width:XXX;}
#cl_2_0 {width:XXX;}
XXX sera la largeur relative (en pourcentage -%-) ou absolue (en pixels  -px- ).

Publié dans Blog et CSS

Commenter cet article

Oum Wisal 16/09/2011 19:24


Salam 'Alaykoum. Choukran pour toute ces astuce, j'en attend d'autres si tu en d'autres incha-Allah...^^