C'est une question qui est souvent posée.
CSS est l'abréviation de "Cascading Style Sheets", ce qui signifie feuilles de style en cascade. Le css est un fichier texte qui gère en effet le design du blog : couleurs, formes, images, tailles de polices... 
Il ne faut pas le confondre avec le html. En gros, si le html gère le contenu du blog, le css gère la forme et le design du blog. 

Tous les designs Over-Blog ne sont pas modifiables.

Pour savoir où modifier le css, je vais m'aider d'une image :

Notez au passage que je ne suis pas en mode avancé (rectangle aux angles arrondis à gauche) puisque j'ai un css qui se nomme "blog" pour designer toutes les pages du blog (par contre, tout le monde n'as pas de css "Global". En mode avancé, il y a aussi  un  css pour les spécificités de la page d'accueil, un pour les spécificités des pages d'article(s), un pour les spécificités des Pages.
Ce n'est pas obligatoire d'être en mode avancé pour la configuration du blog.
En mode normal, vous n'avez qu'un seul css à gérer ce qui est bien plus simple.

Il faut aller dans >Design >CSS >Mon Style et cliquer sur personnaliser. Vous pouvez tout de suite enregistrer (bouton orange en bas à droite), vous pourrez revenir pour les premières modifications.

Ensuite il y a deux écoles :
  1. copier/coller le css original dans mon style et modifier les lignes nécessaires, ajouter les lignes utiles et laisser le tout classé par élément (tout ce qui concerne les articles ensemble, tout ce qui concerne les modules ensemble...)
  2. n'y mettre en fin de texte que les lignes modifiées et/ou ajoutées.

Personellement, je sais que la seconde est plus facile, mais je préfère la première.

Que modifier ?
Cela est l'objets d'autres articles et des aides sur le forum.
Si vous voulez essayer vous même, sachez qu'en utilisant Firefox vous pouvez y ajouter la barre Web Developer. C'est en anglais et je sais qu'il existe en français à cette adresse : http://joliclic.free.fr/mozilla/webdeveloper/.

Attention : si vous aviez auparavant utilisé la personnalisation du thème, vous retrouverez ces éléments en bas de votre css. Donc soit vous êtes un as du css et vous remettez ces dernières lignes dans celles déjà présentes dans le css d'origine, soit vous ne l'êtes pas et vous faites attention à --lors de vos futurs changement css de vous souvenir que vous voulez peut-être modifier une ligne qui n'est pas au début du css mais à la fin. 
Publié dans : CSS - Demander une aide - Voir les 70 commentaires
Retour à l'accueil

Commentaires

bonjour,
je me permets de vous écrire car j'ai un probleme sur mon blog que personne n'arrive a me resoudre, donc je viens vers vous pour esperer une aide de votre part alors voila mon probleme :
je voudrais faire disparaitre le texte en page d'accueil, je souhaiterai qu'il reste seulement dans l'article en lui meme afin qu'il n'y est plus d'espacement avec les titres des articles et leur photos, es ce possible ?
voici mes lignes css Accueil :
.contenuArticle {
    padding: 5px;
    background-color: #52251c; color: #ffffff;     }
.article img {width: 100px; height: 100px; border:2px solid #ffffff;   }

Car en fait, ma page d'accueil http://cet-renovations.over-blog.com/ il faut que le titre des articles et leurs photos, le texte apparaitra seulement dans l'article en lui meme exemple : http://cet-renovations.over-blog.com/article-30828594.html

avez vous une solution svp ? je ne m'en sors plus, j'ai tout essayer
merci d'avance de votre comprehension
Commentaire n°1 posté par jimmy le 08/05/2009 à 11h20
J'ai du mal à comprendre ce que tu veux exactement, voilà ce que j'ai compris : en page d'accueil, tu veux uniquement le titre et les photos, tu ne veux pas le texte de l'article.
Si c'est bien cela, il faut mettre tes photos en premier et demander >Configurer >Accueil >petit marteau de la zone des Articles >Résumé d'articles
J'espère que la solution te conviendra.
Réponse de les Brigades le 08/05/2009 à 12h18
Non c'etait pas ca mais merci quand meme, j'ai trouvé, il fallait rajouté dans le css .effaceTexteAccueil {display: none;} et pareil dans le html sauf qu'il fallait remplacer le span par le div.
merci
Commentaire n°2 posté par jimmy le 08/05/2009 à 16h58
Il me manquait l'url du fil dans le forum, cela m'aurais évité de donner une réponse déjà donnée.
La solution que tu as trouvée est compliquée, je trouve.
Bonne journée.
Réponse de les Brigades le 08/05/2009 à 17h14
Bonjour,
Je souhaiterais voir dans tout mon blog, le titre de mes articles souligner.

En recherchant sur le forum d'aide d'overblog, j'ai vu qu'il fallait copier la "phrase" suivante dans le CSS
.titreArticle{text-decoration:underline;}

Je me suis donc excécuté grâce à votre aide sur cet article.
quand je fais prévisualisé, je vois un article en exemple avec le titre souligner.
Quand j'enregistre et vais voir les modifications sur mon blog, en fait il ne s'est rien passé. Même l'article que j'avais vu en exemple n'a pas son titre souligner.
Il doit manquer quelque chose dans ce que je fais. Pourriez-vous m'aider?
Merci par avance.
Commentaire n°3 posté par IsaChrisLeo le 04/03/2010 à 09h11
Bonjour,
Comme je l'ai expliqué en fin d'article, personnalisation du thème et modification du css sont incompatibles.
 Je suis allé sur ton blog et je n'ai pas vu de modification du css. Est tu bien certaine d'avoir validé (bouton orange tout en bas à droite) après avoir coché la personnalisation du css et après avoir modifié ton css ?
Réponse de les Brigades le 04/03/2010 à 09h48
Oui j'ai enregistré plusieurs fois mais quand je reviens dessus la modif a disparu.
J'ai en effet modifié mon design en modifiant les couleurs de texte, de titres, etc... Tu penses que c'est cela qui fait blocage ?
Commentaire n°4 posté par IsaChrisLeo le 04/03/2010 à 09h56
J'ai l'impression que tu utilises Internet Explorer.
J'ai bon ?

Des fois ce navigateur bloque et empêche de mettre des images, de modifier le css et autres joyeusetés.
Essaie avec le navigateur Firefox ou le navigateur Chrome.
Réponse de les Brigades le 04/03/2010 à 10h14
Oui là je suis sous I.E. Ce soir à la maison je serai sous firefox. Je referais les mêmes manip et si j'ai un soucis, je reviens t'embêter.
En tout cas merci pour ton aide.
Commentaire n°5 posté par IsaChrisLeo le 04/03/2010 à 10h19
OK, pas de souci : l'important est que ça marche.
Et puis il y a divers petits trucs de personnalisation du thème à remettre.
Réponse de les Brigades le 04/03/2010 à 10h32
Oui j'ai beaucoup de choses à apprendre et heureusement qu'il y a des personnes comme vous avec des blogs très sympas et ludique.
Bon comme je ne suis pas très douée je n'arrive pas toujours à appliquer mais bon..
Commentaire n°6 posté par IsaChrisLeo le 04/03/2010 à 10h38

Bonjour,

 

j'aurais besoin de vos lumières....

J'ai modifié mon css de la fenêtre "saisie des commentaires"

mais bien que j'ai mis des dimensions fixe, elle fluctu et surtout pour les visiteurs sous I.E., sous Mozilla, elle semble plus stable...Pouvez vous m'aider à résoudre ce problème, je n'ai pas trouvé de solution dans le forum...

merci

Commentaire n°7 posté par Claude le 02/05/2010 à 11h56

Bonjour,
Malheureusement, je n'ai pas internet explorer.
Mais j'ai quand même regardé ton css.
C'est peut être cette ligne qui gène : &lthead> . Essaie de la retirer.

J'ai également tripotté la ligne des commentaires et je te propose :
.commentMessage { background-color: #106de8;-moz-border-radius: 10px; font-size: 20px;font-family: Book antiqua!important ;font-style:italic!important; background:#E4E6E6; padding:5px;}

Réponse de les Brigades le 02/05/2010 à 14h37

une autre question.

comment entre tu dans mon CSS depuis chez toi??????

Commentaire n°8 posté par Claude le 02/05/2010 à 14h40

La réponse est dans l'article : Firefox + Webdev.
Mais il est aussi possible de demander le code source de la page (tous les anvigateurs proposent cette fonction) et de récupérer l'adresse du css pour la recopier dans la barre de navigation du navigateur.

Réponse de les Brigades le 06/06/2010 à 12h48

Salut a toi.

J'utilise le skin reference, j'ai refait la structure et le code couleur mais je bloque pour installer mon fond Global qui est l'unique image presente dans le css et qui viens remplacer celle d'origine mais rien ne s'affiche. Quand j'inspecte la page il me dit que l'image est transferré sous MIME text/html.

Pourrais tu jeter un oeil stp ?

En te remerciant.

Nerf

Commentaire n°9 posté par depindo le 21/05/2010 à 03h48

Bonjour,
Le code est presque bon dans ton css, sauf que tu n'utilises pas la bonne adresse d'image.
La bonne adresse est http://i150.photobucket.com/albums/s88/juvnr/Nerf%20perso/Recherche_Page_Web.jpg.
Actuellement tu n'utilises pas l'adresse de l'image mais l'adresse de la page qui contien l'image.

Réponse de les Brigades le 21/05/2010 à 07h56

Waow Génial merci beaucoup grande avancé. Je n'oublierais pas de vous citer ;)

Commentaire n°10 posté par depindo le 21/05/2010 à 08h47

HA OK!

MERCI POUR CETTE RÉPONSE, même avec + d'un mois de retard ;)))

c'est très intéressant 

bonne journée

Commentaire n°11 posté par Claude le 06/06/2010 à 12h55
Bonjour,
Je souhaiterais s'il vous plaît que vous puissiez m'aider à centrer ma bannière tout simplement, n'y connaissant absolument rien en CSS, mais vraiment rien ,j'ai peur de faire pire que mieux...
J'ai donc besoin de quelqu'un de compétent dans ce domaine !
Merci mille fois !
Bonne journée, Sébastien.
Commentaire n°12 posté par Sébastien Dubusse le 20/09/2010 à 10h45

Bonjour,

J'aimerais bien t'aider, mais je vois la bannière centrée.
Si pour toi elle n'est pas centrée, merci soit de me dire exactement ce que tu vois et ce que tu veux, soit de me faire une capture d'écran du problème (il suffit d'héberger l'image obtenue et de donner le lien ici).

A bientôt

Réponse de les Brigades le 21/09/2010 à 22h44
Merci d'avoir répondu, j'apprécie beaucoup, le problème est réglé, cependant maintenant c'est la barre de pub du haut ! Rrrrrr
Commentaire n°13 posté par Sébastien Dubuusse le 22/09/2010 à 08h44
Bonjour Denis

J'espère que vous allez bien.

Je viens chez vous pour vous demander un service et je ne sais pas comment le résoudre.

Quand je passe par Internet Explorer pour allez voir mon blog il est différent que quand je passe par Mozilla Firefox.

Notamment :

- La couleur d'écriture dans les commentaires des personnes sont bonnes sous IE mais pas bonnes sous firefox.

- Les puces sont désorganisées sous IE mais sont bonnes sous firefox

- Mon guestbook et mon lecteur de musique paraissent sous firefox mais ne paraissent pas sous IE.

En règle général tout est bien sous firefox sauf ma couleur d'écriture que je voulais marron et elle paraît en blanc.

Il y a t'-il une solution? Je pensais que le CSS marchait pour les deux navigateurs.

Par avance merci Denis.

Et je vous souhaite une bonne soirée.

Pauline
Commentaire n°14 posté par Pauline le 30/09/2010 à 16h17
bonjour
est ce qu'on peut modifier un over blog gratuit
ou est ce que ça ne concerne que les versions premium
car je n'arrive pas a élargir la colonne des articles et je suis actuellement en gratuit
merci d'avance
Commentaire n°15 posté par prunelle le 15/10/2010 à 01h26

Bonjour,

Il est tout à fait possible de modifier un blog de niveau Confiance : ce blog en est la preuve.
Mais pour cela il faut passer par la modification du css sans oublier de valider les changements.

Tu as un blog à largeur élastique, les lignes à modifier sont :
#cl_1_0    {margin:0px; width:77%; padding:0.5%;}
#cl_1_1    {margin:0px; width:19%; margin:0 0 0 1%;}
J'ai souligné les chiffres à modifier sachant que si tu augment l'un de 10, il faut diminuer l'autre d'autant. Comme indiqué dans l'article, #cl_1_0 est la colonne de gauche, les articles pour toi, et #cl_1_1 est la colonne de droite, les modules pour toi.

Dis ce que tu fais exactement car actuellement, je ne vois aucune modification de ton css sur ton blog.

Réponse de les Brigades le 15/10/2010 à 08h11
re bonjour
c'est moi juste avant...sur mon blog "prunelle" qui est ancien et avant on pouvait le faire en choisissant des themes larges
mais sur un nouveau que je voudrais creer ça ne marche plus et impossible d'élargir la colonne article avec votre astuce
je vous mets le pseudo pour ce nouveau blog
merci
Commentaire n°16 posté par mf aquarelle le 15/10/2010 à 01h43

Bonjour,

Le css est d'origine sur la page d'accueil de ton blog, tu n'as pas validé ton css personnalisé.

As tu bien suivi toutes les recommendations de cet article ?

Réponse de les Brigades le 15/10/2010 à 08h29
Bonsoir
Lorsque je vais sur les pages archives, celles-ci n'ont pas l'aspect des pages courantes du blog (pas de vert du tout, ni la couleur des liens qui change etc...) comment faire je n'arrive pas à trouver sur le css.

D'autre part, j'aimerai lorsqu'on ouvre le blog conserver la page d'accueil en continue, actuellement elle se ferme dès qu'on ouvre une autre page.
Je vous remercie beaucoup.
Nadine
Commentaire n°17 posté par Nadine le 07/11/2010 à 19h02

Bonjour,

Voici les lignes qui t'intéressent à mettre dans ton css Pages :
.pageContent a {color:#000000; text-decoration: none;}
.pageContent a:hover {color:#9ACD32; text-decoration: none;}
.pageContent a:visited {color:#9ACD32; text-decoration: none;}

Pour la seconde question, c'est normal : une page d'accueil est pour accueillir (comme un hall de gare qui distribue les différents espaces de départ, d'arrivée, de vente, d'attente).
Je ne comprends pas trop ce que tu veux exactement, saurais tu mieux le définir ?

Réponse de les Brigades le 07/11/2010 à 21h40
Bonsoir le brigades
j'ai collé au bas du css page ce que tu me dis, mais rien ne se passe???
Pour ce qui est de ma 2ème question, garder la page d'accueil ouverte, voir le blog d'Annak http://les-nouvelles-ficelles-d-annak.blogspot.com/ sa page d'accueil ne se ferme pas. Merci
Commentaire n°18 posté par Nadine le 07/11/2010 à 23h34

Je vois pourtant que ça fonctionne sur cette Page par exemple : http://www.chezgladysne.net/pages/Recettes_cuisine_sucrees-1694930.html

Pour la page d'accueild'AnnaK, c'est juste qu'elle a exactement la même présentation pour tous les types de pages, chez Over-Blog sela serait le monde Classique.

Réponse de les Brigades le 08/11/2010 à 07h18
Bonjour
Je crois que je n'es pas été comprise.
Sur les pages que tu m'as mis en lien, ça a toujours fonctionné..
mais ça ne fonctionne pas sur ARCHIVES: http://www.chezgladysne.net/archive-09-2010.html pas de barres vertes et les liens passent du noir au gris et je ne sais pas où changer.
Merci
Commentaire n°19 posté par Nadine le 08/11/2010 à 09h33

Effectivement, tu n'avais pas été comprise.
C'est pour cela qu'il faut être précis.

Concernant les barres vertes des titres des modules, c'est parce qu'il n't a pas de titre : il faut en mettre dans ta configuration.

Pour les liens des listes des articles, c'est ceci dans ton css articles :
.listArticles a {color:#000000; text-decoration: none;}

.listArticles a:hover {color:#9ACD32; text-decoration: none;}
.listArticles a:visited {color:#9ACD32; text-decoration: none;}

J'ai bon cette fois ?

Réponse de les Brigades le 09/11/2010 à 23h20
Bonjour, mais surtout Help!!!!!!!!!

Voilà sur mon blog/site, j'ai beaucoup (tous) de embed qui n'apparaissent pas en entier, mais je n'arrive pas à deplacer, elargir mon espace article et reduire ma future colonne de gauche pour les catégories.
J'ai fait plusieurs essais depuis les aides du forum mais rien ne marche...des traits, barres dans tout les sens.
Merci du coup de pouce (sur mon mail ça marche aussi)
Tom
Commentaire n°20 posté par Tom le 08/11/2010 à 17h40

Bonjour,

Tu parles donc des vidéos dont le petit bout droit est coupé.

Tu peux donc modifier ton css (chose que tu n'as pas encore fait) en y recherchant ces lignes et en corrigant les valeurs en gras par celles que j'ai mises :
#cl_1_0 {float: left; width: 270px;}
#cl_1_1 {float: left; width: 670px;}

Réponse de les Brigades le 09/11/2010 à 23h24
Bonjour,
Je viens vers vous car je souhaiterais élargir ma colonne articles...
Je n'y comprends absolument rien dans le language CSS !!!!
Mille mercis pour votre aide...
Commentaire n°21 posté par Isabobop le 09/11/2010 à 15h15

Bonjour,
Merci de préciser ce que tu ne comprends pas dans mon article d'aide car là ta demande est beaucoup trop évasive.
Quel résultat veux tu exactement ?

Réponse de les Brigades le 09/11/2010 à 23h26
Bonsoir,
En fait, j'ai essayé de changer les paramétrages des colonnes de gauche et de droite, et cela n'élargit pas le design de ma colonne articles.
J'ai un espace blanc à droite dont je souhaiterais profiter pour ma colonne articles.
J'espère être assez claire danes mes explications !!!!
D'avance merci
Commentaire n°22 posté par isabobop le 09/11/2010 à 23h43
ben non, toujours en perdition....
je me retrouve avec des modules écrits très gros
http://www.chezgladysne.net/archive-08-2010.html

ce que je veux lorsqu'on va sur les archives ce que l'on voit au niveau des extraits d'articles
http://www.chezgladysne.net/
Merci beaucoup
Commentaire n°23 posté par Nadine le 10/11/2010 à 00h13

On va  y arriver. 

Dans ton css Articles, ajoute ce que j'ai souligné dans cette ligne : 

#cl_1_0 .box-content {
margin-left: 5px;
font-size: 12px;
}

C'est mieux ? 

Réponse de les Brigades le 10/11/2010 à 07h17
Re Denis,
Saurais-tu Svp la formule à rajouter dans la css pour modifier la couleur de police de caractère des articles qui s'affichent lors de l'ouverture de mon flux rss. Car le fond est blanc mais ma police est blanche vu que le fond de mon blog en articles est foncé.
Si tu pouvais m'aider.
Merci beaucoup par avance. Sagan33
Commentaire n°24 posté par sagan33 le 11/11/2010 à 09h22

Le flux rss n'est qu'un flux, il n'a pas de mise en forme. Seul le lecteur de flux (ton navigateur ou autre) permet cette mise en page. Je ne pense donc pas pouvoir changer la couleur du texte.
Cependant, essayer ne coûte rien et tu peux coller ceci dans ton css : #feedBody {color:#000000}

Réponse de les Brigades le 11/11/2010 à 10h42
Merci beaucoup. Tu es super !!
Bonne continuation, belle journée à toi.
A bientôt. Sagan33
Commentaire n°25 posté par sagan33 le 12/11/2010 à 10h59
bonjour je vous demande de l'aide rien ne marche dans mon css en suivant vos recommandations non plus
je ne comprend rien et cela fait des heures que je suis
merci de votre aide
Commentaire n°26 posté par sylvie le 24/11/2010 à 15h31

Bonjour,

Qu'as tu fait et comment ?
Que devrais-je voir ?
As tu vidé le cache ? (voir mon article sur le cache pour cela)

Réponse de les Brigades le 24/11/2010 à 23h19
Bonsoir,

Je souhaite refonder tout mon site, je teste donc sur la page "Page" de mon blog.

http://www.lezappingdupaf.com/pages/Ce_soir_a_la_tele-1678466.html

Je souhaiterai savoir comment centrer le contenu de mon blog.
Je m'occuperai de la bannière et de la publicité en haut plus tard.

Je vous remercie d'avance de la réponse que vous pourrez m'aporter.
Commentaire n°27 posté par Sarah le 26/11/2010 à 20h52

Bonjour,

Il suffit de retirer cette ligne incongrue dans ton css :
html > body #global #ln_1 {
    width: 979px;
    margin: 0 20px;
    border: none;
}

D'autre part, je te conseille de mettre le fond dans la ligne body et non pas dans la ligne global.

Réponse de les Brigades le 27/11/2010 à 15h14
Bonsoir,
J'ai fait une bêtise, j'ai collé du code dans CSS, cela a changé les couleurs de mon blog et je n'arrive plus à revenir à l'original
Merci de m'aider
Bien cordialement
Commentaire n°28 posté par DECAN le 29/11/2010 à 19h53

Bonjour,

Pour revenir à l'original, il suffit de revenir dans >Design >Mode css et de décocher la case de personnalisatrion du css.
Pour revenir à la personnalisation du css précédent, le mieux est de retirter le code frauduleux du css en l'y effacant.

Réponse de les Brigades le 01/12/2010 à 07h41
Bonjour,
Je souhaiterais savoir comment faire disparaitre dans le CSS le trait qui figure juste sous le titre de l'article dans le thème "Ice cream-curacao"
Merci par avance
Commentaire n°29 posté par Bidule le 02/12/2010 à 14h58

Bonjour,
Pour une question aussi précise, il eut fallu me donner l'adresse de votre blog ou d'un blog de ce thème.
Merci de m'apporter cette précision.

Réponse de les Brigades le 02/12/2010 à 22h32
Oui excusez-moi ma question était un peu incomplète !
Voici l'adresse du blog d'une amie qui ne connait pas du tout le CSS (moi très peu): http://kinou31-36.over-blog.com/
et qui m'a demandé de lui supprimer le trait horizontal qui apparait sous le titre de ses articles. Son thème est "Ice Cream".
Je vous remercie d'avance.
Commentaire n°30 posté par Bidule le 02/12/2010 à 22h41

Merci

Comme ton amie ne connait pas le css, je te propose d'utiliser avec elle cet article de mon blog : http://ledenistest.over-blog.net/article-modifier-un-css-non-modifiable-57286234.html

Pour aller dans le code html d'un module, il suffit de cliquer sur l'icône "html" lors de l'édition du module.

Le code à coller sera
<style type="text/css">
.divTitreArticle h2 {border-bottom: 0px}

</style >

Réponse de les Brigades le 02/12/2010 à 23h12
BONJOUR,

SVP J'aurais besoin de votre aide pleassssssseeeee

En faite mon souhait est d'agrandir la page de mon site sur la largeur ( acceuil, page et articles ) ??????


Et aussi agrandir les cadres de gauche et de droite comment faire svp ????



merciiiiiiiiiii d'avance :)
Commentaire n°31 posté par AKRAM le 06/12/2010 à 18h34
J'ai oublier :)

mon site est www.tunimedias.com

jaurais voulus savoir aussi si c'est possible de rajouter une 3ème ligne de cadre au milieu si oui comment faire ?????????????????? :)


merci :)
Commentaire n°32 posté par AKRAM le 06/12/2010 à 18h51

Ca veux dire quoi "une troisième ligne de casre au milieu ?

Réponse de les Brigades le 19/12/2010 à 20h24
Bonjour Denis , je souhaiterais mettre mes modules en encadrements arrondis , comment dois-je faire ?
Merci.
Je crois qu'il faut rajouter une ligne mais je ne sais pas où ?
Merci beaucoup.
Pauline
Commentaire n°33 posté par Pauline le 12/12/2010 à 09h11

Bonjour et bonnes Fêtes de fin d'année,

Ce dont tu parle est l'instruction -moz-border-radius. Mais elle n'est pas universelle : http://www.siteduzero.com/tutoriel-3-31188-creer-un-arrondi-en-css.html (voir tout en bas, la troisième partie).
Le mieux est donc de créer des images de bords arrondis. Comme les modules ne sont extensibles qu'en hauteur, deux images suffisent : la partie haute et la partie basse. Elle sont à mettre en fond des parties hautes et basses de tes modules.

Réponse de les Brigades le 12/12/2010 à 14h44
Bonjour Denis ,

Je souhaiterais agrandir mes modules de droite , comment dois-je faire ?
SVP

Merci.

www.tunimedias.com
Commentaire n°34 posté par AKRAM le 17/12/2010 à 21h20

Bonjour,

Deux solutions :

1> garder la même largeur de blog.
Comme indiqué dans mon article, ce sont ces lignes à modifier (ce qui est surligné) et il faut diminuer la première d'autant que tu augmentes la seconde:
#cl_1_0 {float: left; width: 640px;  margin: 0; padding: 25px 10px 0 10px; margin-left: 10px;}
#cl_1_1 {float: left; width: 368px; padding: 0; padding-top: 25px; margin: 0 10px;}

2> augmenter la largeur du blog
Cette fois ci il faut augmenter d'autant les deux lignes :
#global {width: 1059px; background-color: transparent; margin: auto; margin-bottom: 15px;}
...
#cl_1_1 {float: left; width: 368px; padding: 0; padding-top: 25px; margin: 0 10px;}

Réponse de les Brigades le 19/12/2010 à 20h21
Bonjour Denis,
Je te souhaite une bonne année 2011, projets, joies, bonheur ...
J'ai un problème sur ce blog et comme j'ai constaté que tu savais tous les résoudre, je me permets de te demander. Voilà, je voudrais un blog sur 3 colonnes d'environ deux à 6,7 cm et la centrale à 16.8cm, dimensions écran. Pour faire ça j'ai mis une grande marge à droite et à gauche et 2 pixels de module identiques + une autre dimension px pour la colonne centrale. Regarde là: http://harmonylegend.over-blog.com/categorie-11678308.html.
Sur mon windows vista le résultat est bon seulement sur d'anciennes configurations le blog est complètement désorganisé, puisque le pc ne réduit pas les grandes marges et la colonne centrale et celle de droite passent en-dessous.
Comment faire SVP pour garder exactement ces dimensions de blog mais qu'elles restent stables sur toutes les configurations d'écran.
Si tu avais la gentillesse de m'aider...
Geneviève.
Merci d'avance. Bien à toi.
Commentaire n°35 posté par Sagan33 le 07/01/2011 à 09h07

Bonjour,

Les centimetres n'existent pas en informatique car tout dépend de la "qualité" de l'écran du visiteur. Par exemple mon écran ne peux pas contenir ces dimensions en cm.

Dans ton css, je vois ces lignes :
#global {padding: 0px; margin: 0px auto; width: 950px;}
#cl_1_0 {margin:0; width:205px;}
#cl_1_2 {margin:0; width:215px;}
#cl_1_1    {margin:0 5px 0 5px; width:510px; padding:5px;}

Faisons le calcul puisque les largeurs des éléments ne doivent pas dépasser celle du global :
205 + 5 + 510 + 5 + 215 = 950

Donc normalement tout est OK.
Ce que tu peux faire c'est dans ta ligne #cl_1_1 de mettre le margin à zéro totalement. Je ne vois pas d'autre solution.

 

Autre chose, dans ton css, tu trouveras une ligne assez longue qui ne sert à rien et que tu peux effacer : {border:1px solid #ffffff; padding-left:10px; background-image:url(http://idata.over-blog.com/3/96/78/98/Simplyrounded/fondblanc.png); -moz-border-radius:10px; -webkit-border-radius:10px;}

Réponse de les Brigades le 08/01/2011 à 21h26
Bonjour Denis,
merci de ta réponse. Et de l'info pour ma ligne à effacer.
Un petit encart avant de clore : je te souhaite les visiteurs que tu mérites; quant à moi, je suis littéralement découragée du vide de mon blog, rare quand je dépasse les 7 visiteurs. Pour être plus précise, c'est même plus souvent 3 .... annuaires, autres moyens, etc pour référencer son blog même avec ceux-ci, je constate qu'il est très difficile d'avoir du monde. Surtout cela semble très long, ce fût pareil sur mon blog d'esssences qui maintenant évolue bien. Je me demande toutefois si j'aurais la patience de ré-attendre.
Si tu prends une plateforme comme Blogspace même si tu produis des articles nuls, bourrés de fautes ou autres, hé ! bien tu as du monde ... c'est oppressant ce désert. Voilà, j'ai vidé "mon sac", surtout ne prends pas la peine de me donner des tuyaux car on l'a déjà fait mais je me dis que ce passage obligé est bien pénalisant et n'encourage pas à pousser plus loin ses investigations en matière d'idées.
Je te souhaite un bon dimanche.
Cordialementà toi et merci encore de tes réponses.
Geneviève
Commentaire n°36 posté par Geeeen le 09/01/2011 à 12h35

Mon conseil sera de rationaliser l'apparence de ton blog. Ton blog ressemble à ta personnalité mais il est long à charger et très touffu. Alors le mieux serait de simplifier la page d'accueil avec un type une seule colonne, très peu de textes libres et en mettant en valeur celui qui permet de rentrer dans le blog.

Sur le net il faut que l'information soit la plus facilement accessible. Or dans ta page d'accueil rien n'accroche l'oeil, ou plutôt tout distrait l'oeil. Tu peux garder tous tes fonds, mais mets en relief le moyen d'entrer chez toi !

Bonne continuation

Réponse de les Brigades le 09/01/2011 à 16h49
Merci Denis, ces conseils sont précieux, je n'avais jamais pensé à "cette histoire" de page d'accueil.
Je vais la refaire entièrement en gardant mes images.
Bonne soirée,
encore merci à toi.
Commentaire n°37 posté par Sagan33 le 09/01/2011 à 17h01
Bonsoir Denis,
J'ai commencé à modifier mon blog selon tes indications. J'aurais une dernière demande : partie articles http://harmonylegend.over-blog.com/categorie-11678308.html
le footer se répète au-dessus. L'image de bas de blog avec les notes de musique et l'onglet. Ce n'est pas laid mais je ne comprends pas pourquoi elle est en double à 1 cm en haut de l'autre.
Quand tu auras un moment, est-ce que tu aurais la solution ? vu que tu les as toutes ...
Bonne soirée à toi,
et merci beaucoup pour ces aides.
Commentaire n°38 posté par Geeeen le 09/01/2011 à 23h36

Personellement, je ne vois pas cette image se repeter.

Réponse de les Brigades le 10/01/2011 à 19h07
Bonjour Denis,
Aurais-tu une formule miracle SVP pour que l'article s'arrête à la fin. Et non plus qu'il y ait pas toute cette hauteur d'article ici : http://www.lemiroirauxessences.fr/article-bo-ite-a-messages-65163088.html. C'est un article splash. J'ai d'ailleurs le même problème dans d'autres articles splash.
Merci par avance si tu as la solution.
Bonne soirée. Geneviève.
Commentaire n°39 posté par Geeeen le 17/01/2011 à 20h49

Hello,
En fait c'est le contenu de colonne des modules qui ne s'affiche pas mais qui est présent dans le codage html de la page.
Dans >Configurer >Article >schéma blanc en bas de la colonne de gauche, choisi une structure avec une seule colonne (si tous tes articles sont prévus pour être présentés ainsi).
Si c'est uniquement pour cet article, glisse dans le code html de l'article :
<style type="text/css">
#cl_1_1 {display:none}
#cl_1_2 {display:none}
</style>

Autre chose : j'ai remarqué que ton blog comportait de nombreuses images (certes) dont certaines ne sont pas visibles. A quoi ça sert de les charger : ça ne fait que ralentir le chargement du blog.
Par exemple dans l'article que tu donnes, il y a derrière une image en noir et blanc de Jamiroquai que l'on ne voit absolument pas.

Réponse de les Brigades le 17/01/2011 à 21h39
Merci pour la réponse. Je vais faire tes changements. Je n'avais pas la solution ...
Pour l'image non visible en dessous, Jamiroquai est celle de mon fond de blog, (le ying et le yang) que j'ai mise dans le body. Pour l'article en question avec le code que tu vois à la fin de l'html j'ai fait un article splash. Avec l'image des ampoules vertes. Mais alors comment faire pour enlever le fond du body qui reste dans l'article. Cela doit se passer ailleurs dans mon blog mais comment arriver à cette seule image à partir du moment où tu dois renseigner le body dans la css ? il y a toujours cette image de fond de blog dans tous les articles, non ?

Merci pour tout. Et tes design sont supers !
Si tu pouvais m'éclairer pour cette histoire d'image en dessous, je ne vois pas comment procéder.
Bonne journée.
Commentaire n°40 posté par Geeeen le 18/01/2011 à 10h05
Bonjour,
J'ai lu pas mal d'article concernant le CSS mais je dois avouer mes limites....pour moi c'est du chinois....
Je voudrais en fait faire disparaitre la couleur noire du fond de mes articles et être sure que la largeur de ma colonne article soit la même que celle de ma colonne soit 900 mais même cela je n'arrive pas à le faire.
Je compte sur toi.
D'avance merci et bravo pour le travail effectué !
Commentaire n°41 posté par Sophie le 18/01/2011 à 11h46

Bonjour,

Pour ta première question, voici la ligne à modifier, elle se trouve à la fin de ton css :
.contenuArticle, .pageContent, .extraitArticle { background-color: #010101 ! important;
 color: #eb14c7 ! important;
 font-family: "comic sans ms";
 font-size: 16px;
}

Remplace ce que j'ai souligné par transpartent.
Tu peux également effacer les "! important".

Par contre, je ne comprends pas ta seconde question, peux tu l'expliquer de façon plus complète ?

Réponse de les Brigades le 18/01/2011 à 19h35
Re - Denis,
Ce com, c'est juste pour te remercier de tes supers infos. Je viens de regarder mon article, je n'aurais jamais pensé arriver si vite à ce que je voulais pour cet article qui s'arrête maintenant juste à la fin comme il faut ...
tu es un c r a c .
Comme tu sais que j'en ai beaucoup ...!!!... je voulais t'offrir une belle image ici en remerciements mais je n'y arrive même pas ! décidément, il y a des choses à apprendre.
Bonne journée Denis, encore merci à toi.
Commentaire n°42 posté par Geeeen le 18/01/2011 à 14h04
Merci beaucoup, pour la seconde question je vais tenter de formuler différemment ma demande, en fait lorsque je crée un article j'arrive à mettre plusieurs images de taille article l'une à coté de l'autre mais lorsque je prévisualise elles se retrouvent les unes sous les autres....alors pas forcément à voir avec le css...en tout cas bravo et merci
Commentaire n°43 posté par Sophie le 20/01/2011 à 08h42

L'inconvénient de la prévisualisation est que la largeur de l'écran de prévisualisation n'est pas le même que la largeur de l'article sur le blog donc les éléments se placent différemment pour loger sur ces largeurs différentes.

Ce que tu peux faire est de créer un tableau et mettre une image dans chaque cellule.

Réponse de les Brigades le 20/01/2011 à 21h09
Merci beaucoup pour ton aide ! je vais essayer de composer avec le tableau c'est une idée ! Bravo à toi
Commentaire n°44 posté par Sophie le 21/01/2011 à 07h19
bonsoir,
Je viens d'acquerir un nouvel ordinateur packard bell,le dernier cri avec un ecran de 23 pouces,or quand je vais sur mon blog celui ci apparait en petit j aimearais que mes modules se trouvent à droite ou a gauche or ma pages de présentation se presente au milieu avec les modules.sur mon ancien ecran de 15 pouces j etais oblige de faire defiler pour voir les modules.Pourriez vous maider
Commentaire n°45 posté par defos le 05/02/2011 à 21h42

Bonjour,

Une fois que ta mis en place la personnalisation du css, tu peux utiliser mon article sur la façon de rendre un blog élastique.
Avantage : le blog prendra toute la largeur de l'écran quelle que soit la dimension et la dimension de l'écran.
Inconvénient : impossible de mettre en page les articles de façon correcte puisque tu ignore tout de la configuration de l'écran de chaqun de tes visiteurs.

Réponse de les Brigades le 26/02/2011 à 10h57
Bonjour Denis,

Dans ma page article http://www.lemiroirauxessences.fr/ext/http://sagan33.over-blog.com/articles-blog.html - dans le module "choisir" (en bas, sous la liste des article, juste avant le footer :
SVP saurais-tu comment enlever le fond gif opaque que j'ai mis dans une ligne de mes articles et qui apparaît aussi dans ce module.
J'ai bien rajouté une ligne article accueil background none dans le css mais ça ne marche pas cela ne l'enlève pas.
Merci d'avance pour ta réponse.
Bonne journée à toi.
Commentaire n°46 posté par Sagan33 le 21/02/2011 à 12h57
bonjour,je viens de faire l acquisition d un ordi one two LA7000,or quand j ouvre mon blog il est au milieu etla resolution de l ecran est 1920/1080 je voudrais que mon blog se voit sur l ecran en entier pouvez vous m aider?Merci
Commentaire n°47 posté par defos le 21/02/2011 à 23h38
Bonjour, j'ai cru comprendre tes explications concernant la modif. de largeur des colonnes, mais je me suis plantée. Je dois reconnaître que je suis complètement ignorante du CSS. J'aimerais que ma colonne "articles" soit plus large et les 2 colonnes de droite d'égale largeur. J'ai réussi à modifier le fond de la 2è colonne de droite en blanc mais il reste du brun en bout de page. Merci pour ton aide.
Commentaire n°48 posté par Monique le 28/02/2011 à 14h28

Bonjour,

C'est normal, tu part d'un css assez compliqué.

Dans ton css, à peu près au niveau du premier quard en hauteur, tu trouveras ces lignes à modifier comme je l'ai par exemple fait (souligné) :
#cl_1_0 {
    margin: 0;
    padding: 0 10px 0 10px;
    width: 515px;
    }
#cl_1_1    {
    margin: 0;
    padding: 0 5px 0 0;
    width: 200px;
    }
#cl_1_2 {
    margin: 0;
    padding: 10px 5px 0 5px;
    width: 200px;
    }

Concernant le marron en bas à droite, il y a plusieurs lignes à modifier plus loin dans le blog :
/* --------- Article --------- */
#ln_1 {
    background-image:none;
    background-position: center;
    background-repeat: repeat-y;
    }
(au niveau du second tiers)

/* ------------------ PIED-DE-PAGE ------------------ */
#ln_2 {
    border-left: 1px solid #C7AE93;
    border-right: 1px solid #C7AE93;
    border-bottom: 1px solid #C7AE93;
    background: none #ffffff;
    }
(au niveau du premier tiers du css)

Réponse de les Brigades le 01/03/2011 à 07h53
Merci. J'essaie cela cette aprem et je te dirai si cela a réussi. Croisons les doigts
Commentaire n°49 posté par Monique le 01/03/2011 à 16h20
Voilà c'est en ordre maintenant. Je te remercie vivement pour ces explications on ne peut plus claires.
Commentaire n°50 posté par Monique le 01/03/2011 à 16h33

Communication

Plusieurs moyens pour obtenir un coup de main de ma part :
Ajoutez un commentaire dans l'article qui vous intéresse.

Powered By Hab.la
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés