Naïa - Posté le 05/11/09 09:01

Niveau : Confiance
23 messages

Bonjour
Je viens de créer mon blog. Je souhaiterai agrandir les marges gauche et droite autour de mes articles afin que l'écriture ne touche pas la bordure de mon pavée de fond.
Je débute sur css. J'ai trouvé une réponse concernant les margins mais dans le modules article du css je n'arrive pas à trouver où je dois procéder à une modification (il y a des margin partout et malgré mes essais rien ne bouge!!!)
Merci d'avance pour votre réponse!
Maitre Po, devin - Posté le 05/11/09 09:04

Niveau : Premium
17512 messages

Normal, la ligne concernée n'y figure pas. Rajoute :
.contenuArticle { padding: 10px; }


Louxor en ballon : préparatifs

Naïa - Posté le 05/11/09 09:30

Niveau : Confiance
23 messages

Merci pour cette réponse si rapide.
Par contre à quel endroit du module article dois je l'insérer?
J'en profite pour poser une autre question. J'ai pour le moment créer une catégorie regroupant trois sous catégories. Je souhaiterais en créer plusieurs autres. J'ai lu qu'il fallait pour cela se servir du module texte libre mais en faisant un essai, mon module catégorie initial est toujours visible et les titres de mes sous-catégories n'apparaissent pas. Comment faire pour importer tous mes articles dans ce nouveau module?
Denis - Posté le 05/11/09 09:43

Niveau : Premium
6174 messages

Pas dans le module, mais dans le css.
Attention : CSS et personnalisation sont incompatibles.
http://ledenistest.over-blog.net/article-28620513.html
Commence par regarder en bas de cet article d'aide.

"L'humoriste, c'est un homme de bonne mauvaise humeur" Jules RENARD

Naïa - Posté le 05/11/09 15:10

Niveau : Confiance
23 messages

Hou la la!!! Ca n'a pas l'air simple!!! J'ai effectivement effectué une pré personalisation avant d'activer le mode css. Maintenant j'accede parfaitement à la page codée mais il devrait être possible de rajouter quelque part une ligne pour changer mes fameuses marges? Où je ne sais pas!!!
les Brigades - Posté le 05/11/09 17:17

Niveau : Confiance
2 messages

Maitre Po t'a donné la réponse plus haut.

Cliquez ici pour des aides ->

Naïa - Posté le 09/11/09 07:40

Niveau : Confiance
23 messages

J'ai réussi à migrer en css sans trop de difficultés et à changer mes marges! Mille fois merci!
Naïa - Posté le 09/11/09 08:54

Niveau : Confiance
23 messages

Ahhhh! Tout fonctionnait parfaitement sur la visualisation mais maintenant après validation lorsque je rouvre mon blog, les marges n'ont pas été mémorisé alors qu'elles apparaissent toujours sur le css sur la ligne .contenuArticle { padding: 10px; } Comment faire?
Cln - Posté le 09/11/09 09:11

Niveau : Privilège
16424 messages

À chaque changement Css, une fois que tu regardes ton blog, tu dois vider le cache pour forcer le navigateur à actualiser en profondeur :
Ctrl+F5

les marges sonr bien là...

Comprendre la V2 ^ ^ SAV du CSS OB, Bonjour ! ^ ^

Naïa - Posté le 09/11/09 14:15

Niveau : Confiance
23 messages

Ahh... oui j'ai retrouvé mes marges après avoir fait ctrl + F5 mais par contre j'ai perdu les couleurs de mes titres-articles (qui étaient violets) et le pavé (gris clair) sur lesquels étaient rédigés mes articles. Pourtant les bons chiffres sont inscrit dans le css... j'ai certainement dû décalé quelque chose alors qu'il ne fallait pas... un espace, un signe...
Magiciens du css, pourriez vous m'aider encore un peu à retrouver les couleurs?

/*----------------------ajouts au css------------------*/

body { background-color: #ffffff ! important; background-image: none ! important;}

#top h1,

#top h1 a {color: #69a3f9; font-family: "monaco"; font-size: 20px;}

.pageContent,

.extraitArticle { background-color: #eff3f3 ! important;

 color: #000000 ! important;

 font-family: "arial";

 font-size: 13px;}

 

.divTitreArticle {margin-top:-19px;  }

.divTitreArticle {margin-bottom:-16px;  }

.divTitreArticle h2, .divPageTitle h2,

.divTitreArticle h2 a, .divPageTitle h2 a,

 

.contenuArticle { padding: 10px; }

.contenuArticle {line-height:3ex;}

 

.titreExtrait {

            color: #c604b2 ! important;

            font-family: "times new roman" ! important;

            font-size: 16px ! important;}

.box-titre h2 {

            color: #02c6cd ! important;

            font-family: "arial" ! important;

            font-size: 13px ! important;}

.commentMessage {

            color: #767d83 ! important;

            font-family: "arial" ! important;

            font-size: 12px ! important;

}

.responseMessage {color: #000000 ! important;

            font-family: "arial" ! important;

            font-size: 12px ! important;}

Cln - Posté le 09/11/09 15:48

Niveau : Privilège
16424 messages

Oui, il y a des débuts sans accolades.... modifie cet ensemble là :

.divTitreArticle {margin-top:0px;  }
.divTitreArticle {margin-bottom:-10px;  }
.divTitreArticle h2, .divPageTitle h2,
.divTitreArticle h2 a, .divPageTitle h2 a {color:purple;}

.contenuArticle { background:#eee; padding: 10px; }

Comprendre la V2 ^ ^ SAV du CSS OB, Bonjour ! ^ ^

Naïa - Posté le 09/11/09 16:35

Niveau : Confiance
23 messages

Parfait!!!! Tou à bien fonctionné! Il ne me reste plus qu'à remplir le blog!!! Merci beaucoup pour votre aide!!