Forum >> Aide & design >> [RESOLU] Mise en page : taille des colonnes

Résultats :  1 - 14 sur 14

Mise en page : taille des colonnes - 16/07/08-18:32
Kyle
Blogueur
Kyle
37 Msg

Bonjour,

dans ma mise en page, j'ai choisi comme structure une colonne de chaque coté de mes articles. J'aimerais accorder plus de largeur à mes articles et moins à mes modules dans chaque colonne. C'est possible ?

Mise en page : taille des colonnes - 16/07/08-18:47
Anna K
Modérateur
Anna K
5619 Msg

En rajoutant dans ton CSS

#cl_1_0 {width:195px;}
#cl_1_2 {width:195px;}
#cl_1_1    {width:530px; }

Mais attention, les fonds de ton design sont des images et elles ne changeront pas avec le changement de largeur : ça risque de ne pas être parfait

Blog d'aide pour créer et personnaliser un blog
Mise en page : taille des colonnes - 16/07/08-20:14
Kyle
Blogueur
Kyle
37 Msg

Merci Anna mais je suis débutant, peux-tu m'expliquer comment faire pour rajouter qqch dans mon CSS. Je vais en mode avancé, et puis ?

Mise en page : taille des colonnes - 16/07/08-20:51
Kyle
Blogueur
Kyle
37 Msg

Pour etre plus clair, en fait je voudrais élargir ma colonne centrale et racourcir mes 2 colonnes sur les cotés

Mise en page : taille des colonnes - 16/07/08-23:09
Denis
Modérateur
Denis
6174 Msg

Bonjour

Pas besoin d'être en mode avancé au sens de >Configurer, mais aller dans css de l'onglet >Design de ton blog. Y cocher la case permettant de modifier ton css peronalisé et y écrire les lignes données plus haut.

Si ces lignes s'y trouvent déjà, il suffit de les modifier.

Puis valider.

"L'humoriste, c'est un homme de bonne mauvaise humeur" Jules RENARD
...des aides bienvenues en cliquant ici...
Mise en page : taille des colonnes - 16/07/08-23:27
Kyle
Blogueur
Kyle
37 Msg

ok. je vais donc dans ccs de design. Puis ds "mon style" et puis où dois je coller ces lignes ?

Tantot j'ai essayé de changer les  nombres comme ci-dessus mais tout était sens dessus dessous !

 

peux tu me dire précisemment où modifier ? dans def d'affichage basique ou bien ds def avancées : def de structure de la variation ?

 

Merci

Mise en page : taille des colonnes - 17/07/08-12:12
Kyle
Blogueur
Kyle
37 Msg

Finalement j'aimerais juste diminuer la largeur de la colonne de droit et augmenter celle de la colonne centrale.

Mise en page : taille des colonnes - 18/07/08-07:44
Kyle
Blogueur
Kyle
37 Msg

Help : qui peut m'aider à réduire la largeur de ma colonne de droite, svp ?

Mise en page : taille des colonnes - 18/07/08-08:00
Maitrepo
Modérateur
Maitrepo
11059 Msg

La réponse t'a été donnée dès ton premier message, mais tu as toujours un css non modifié...



Paris Plages : la beauté tranquille...

Mise en page : taille des colonnes - 18/07/08-08:02
Orties
Blogueur
Orties
1721 Msg

Ton modèle de design de base (modèle Ray) est basé sur des images de fond de tailles fixes, adaptés  la structure de base.

Si tu modifies les largeurs, les images de fond ne sont plus adaptées...

Faut bien que tu en sois conscient

 

Si tu as toujours envie de le faire, va dans design, paramètres avancés, clique sur +Définitions avancéessi tu ne vois qu'une case, coche la case

Définitions de structure de la variation

si tu regardes dans l'onglet original de ton CSS, tu as la structure de base, qui est

body, html {padding: 0px; margin: 0px;}
#global {padding: 0px; margin: 0px auto; width: 950px;}
.ln {clear:both;}
.cl {float:left;}

/* modele */
#cl_0_0 {margin:0 0 15px 0; padding:0px; width:100%;}
#cl_1_0 {margin:0; width:195px;}
#cl_1_2 {margin:0; width:300px;}
#cl_1_1    {margin:0 10px 0 10px; width:425px; padding:5px;}
#cl_2_0 {width:100%; margin:15px 0 0 0;}
.box {width:100%; overflow:hidden;}

tu peux donc coller ceci dans la case

Définitions de structure de la variation

onglet Mon style

body, html {padding: 0px; margin: 0px;}
#global {padding: 0px; margin: 0px auto; width: 950px;}
.ln {clear:both;}
.cl {float:left;}

/* modele */
#cl_0_0 {margin:0 0 15px 0; padding:0px; width:100%;}
#cl_1_0 {margin:0; width:195px;}
#cl_1_2 {margin:0; width:195px;}
#cl_1_1    {margin:0 10px 0 10px; width:530px; padding:5px;}
#cl_2_0 {width:100%; margin:15px 0 0 0;}
.box {width:100%; overflow:hidden;}

 

si tu es en mode avancé, à faire dans le CSS Accueil et articles

Modo under cover - Blog photo de bakemono
Mise en page : taille des colonnes - 18/07/08-09:45
Kyle
Blogueur
Kyle
37 Msg

Merci Orties,

Avant de me lancer, peux-tu m'expliquer ce que tu veux dire par " Si tu modifies les largeurs, les images de fond ne sont plus adaptées..." ?

 

Mise en page : taille des colonnes - 18/07/08-10:03
bakemono
Modérateur
bakemono
3593 Msg

ça veux dire exactement ce que j'ai écrit. Le design de base que tu as choisis a plusieurs images de fond, dont les dimensions sont faites exprès pour coller aux dimensions de base des structures possibles par défaut pour ce design. Si tu veux une structure différente de celles par défaut, tu n'auras pas d'images de fond adaptées, niveau dimensions, aux nouvelles largeurs choisis.

regarde par exemple cette image de fond-ci

accel6.fdata.over-blog.com/99/00/00/01/templates/267/blue/article/8/pics/bg-header.gif

elle est faite pour une colonne de droite de 300px.

Si tu mets une autre largeur, l'image n'est plus adaptée (elle n'est pas modifiée comme par magie )

Pareil pour cette image de fond là

accel6.fdata.over-blog.com/99/00/00/01/templates/267/blue/article/8/pics/bg-sidebar-bottom.gif

 

c'est plus clair? Tu peux passer ta colonne à une largeur différente de 300px de large MAIS les images restent adaptées à une largeur de 300px.

 

Besoin d'aide? Attrape la bouée
Mise en page : taille des colonnes - 18/07/08-11:06
Kyle
Blogueur
Kyle
37 Msg

C'était nickel pour ma page d'accueil. Hélas pour ma Gallerie, pas du tout. Alors j'en suis revenu à ma version préalable.

Merci beaucoup pour votre aide.

Mise en page : taille des colonnes - 18/07/08-11:16
bakemono
Modérateur
bakemono
3593 Msg

heu...avant de revenir en arrière, faut voir si la question n'a pas déjà été posée des centaines de fois sur le forum, et s'il ne suffit tout simplement pas de rajouter une petite ligne dans le CSS...

genre

Rendre la structure de son blog élastique

rajouter ceci #general #cl_1_0 { width:100%;}  dans sa CSS

Besoin d'aide? Attrape la bouée

Résultats :  1 - 14 sur 14

Forum >> Aide & design >> [RESOLU] Mise en page : taille des colonnes
La page que vous lisez est réalisée automatiquement à partir de l’ensemble des contenus publiés sur les blogs hebergés par overblog. En savoir plus sur les algorithmes d’overblog