Profil

  • Christelle
  • retrouvez-moi sur : http://www.awerpi.fr
  • retrouvez-moi sur : http://www.awerpi.fr

Photo.Graph

Catégories

14 février 2008 4 14 /02 /février /2008 19:15
Avec l’article précédent : Le CSS d'Over-Blog et ses héritages, nous avons vu la structure générale d’un blog.
Ainsi, nous savons qu’un blog se compose de lignes horizontales et de colonnes verticales.
 
Pour modifier la largeur globale de votre blog, il faut d’abord modifier l’ensemble de tout ces éléments, et pour cela il suffit de modifier : #global
 
Pour modifier la largeur des colonnes, il nous suffit alors de modifier les éléments correspondants dans le CSS.
 
Quel est votre blog ?  
Pour choisir la mise en page de votre blog, vous pouvez aller sur "configurer" et "mise en page". Préférez le mode "avancés".

mode avancé

Un blog avec trois colonnes avec la colonne principale au centre ? (modèle A)
Un blog avec une seule colonne ? (modèle B)
Un blog à deux colonnes avec la colonne principale à droite ? (modèle C)
Un blog à deux colonnes avec la colonne principale à gauche ? (modèle D)

modèles blog

Le blog avec une structure comme le modèle A comprend une entête une colonne d'articles (#cl_1_1), une colonne à gauche (#cl_1_0) et une colonne à droite (#cl_1_2), et un pied de page.
 
Ensuite, si vous souhaitez modifier les dimensions des colonnes, il vous suffit d’utiliser les éléments suivants :
Modèle A :
   #cl_1_0 (la colonne de gauche)
   #cl_1_1 (la colonne centrale)
   #cl_1_2 (la colonne de droite)
 
Modèle B :
 #cl_1_0 (une seule colonne)
 
Modèle C :
 #cl_1_0 (colonne de gauche)
 #cl_1_1 (la colonne principale)
 
Modèle D :
 #cl_1_0 (la colonne principale)
 #cl_1_1 (la colonne droite)
 
 
Maintenant la question est : comment indiquer une dimension dans le CSS ?
Il y a deux possibilités : les pixels et les pourcentages
Par exemple :
#global {width: 800px ;}   
Ce qui signifie que le blog aura une largeur de 800px et que si la résolution d’écran de ses visiteurs est plus large (ce qui est fort possible), son fond (background) sera visible sur les côtés.
#global {width: 80% ;}
Ce qui signifie que le blog affichera une largeur de 80% de la taille d’affichage du navigateur quelque soit sa résolution d’écran et aura un fond (background) visible à 10% de chaque côté.
 
Pour modifier les largeurs des colonnes, voici le code à modifier dans le CSS :
 
#global {width: Xpx;} ou    #global {width: X%;} 
#cl_0_0 {width:Xpx;}  ou    #cl_0_0 {width:X%;}
#cl_1_0 {width:Xpx;}  ou    #cl_1_0 {width:X%;}
#cl_1_1 {width:Xpx;}  ou    #cl_1_1 {width:X%;}
#cl_1_2 {width:Xpx;}  ou    #cl_1_2 {width:X%;}
#cl_2_0 {width:Xpx;}  ou    #cl_2_0 {width:X%;}
 

Partager cet article

Repost 0
Published by Christelle Vinsonneau - dans webdesign
commenter cet article

commentaires

NicoleA 24/09/2009 22:42


je voudrai obtenir une configuration sembleble à celle de ton blog ain de donner de la place à mes photos sans perdre la colonne .
J'ai essayé de modifier les données en pixels dans le CSS mais mes articles se sont retrouvés en bas de page au niveau de la fin de la colonne . C'est une affaire de proportions mais je ne sais pas
quels chiffres entrer dans le css .Pourrais tu me donner des exemples ? merci par avane de ton aide !Cordialement ,
Nicole

Bravo pour ce site !!!


Christelle Vinsonneau 25/09/2009 10:16


Tout est expliqué dans cet article : comment rendre son blog élastique : http://photo.graph.over-blog.com/article-27617926.html
Bonne continuation !


cocolou 24/04/2009 11:06

merci de ta réponse
je vais donc essayer
en faite il y a un article que je voudrais avoir toujours en premeire page et premier article

Christelle Vinsonneau 27/04/2009 14:58


réponse ici : http://photo.graph.over-blog.com/article-30738109.html


cocolou 20/04/2009 03:00

merci pour ta réponse
peux tu me dire au moins
ou on va une fois que l'on est en modes avancé
pour PLACER LES MODIFICATION!!!!
c un b.aba que j'aimerai juste avoir
hihi

Christelle Vinsonneau 23/04/2009 17:35


En mode avancé : tu mets le css qui s'adapte à ta page d'accueil (ce qui s'affiche lorsque tu ouvres ton blog), dans article tu colles le css de ce que tu veux comme affichage de tes articles
lorsqu'ils s'affichent quand tu cliques sur le lien de leur titre, ou sur une catégorie. Et dans page tu colles le css qui t'intéresse pour l'affichage des pages (si tu les utilises).

Je sais pas si c'est que tu voulais savoir.


petitefolie 19/04/2009 11:43

merci beaucoup de ta réponse, j ai commencé à changer manuellement mes données, mais aujourd hui le temps de réponse est supérieur a un quart d 'heure !! je ne sais pas si je vais rester chez over blog, il y a toujours quelque chose qui se passe chez eux, enfin considérons que nos blogs sont du loisir !! et ne nous prenons pas la tete !!

Christelle Vinsonneau 23/04/2009 17:06


Moi je suis chez eux car il n'y a pas de publicité imposée. J'aime bien ça, et déteste tomber sur des pubs qui bougent et qui clignotent dans tous les coins, avoir une pop-up qui me fait
sursauter.
Après, il suffit de savoir où sont ses priorités.


petitefolie 17/04/2009 23:43

impossible aujourd hui de changer les largeurs de colonnes mon apparence est entièrement bouleversée suite aux modificaitons faites pas over blog !!

Christelle Vinsonneau 19/04/2009 11:24


Oui ! c'est un bug d'over-blog lié aux changements d'interface pour le css et les nouvelles fenêtres de commentaire.
Si ton problème ne passe pas, il faut que tu modifies ton css manuellement, soit que tu contactes le staff over-blog qui lui rendra son apparence d'origine.