publié dans : OB - Fonds dans le blog
J'ai pris comme modèle le Design Season Winter, mais je pense que tous les Désign Season ont le même  design, seuls les fonds différent.


AVANT TOUTES ACTIONS :

  • Dans Design, vérifiez que vous avez bien sélectionné un modèle SEASON
  • En haut du CSS, vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Global Mon Style
Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style

POUR ENLEVER L'IMAGE EN FOND DANS L'ENTETE



Vous rajouter la ligne

#ln_0 {background-image: none;}

POUR ENLEVER LA COULEUR QUI APPARAÎT SOUS L'IMAGE DE FOND DE L'ENTETE
Vous complétez cette ligne que vous venez de créer, avec ce qui est en rouge

#ln_0 {background: none;background-image: none;}

POUR ENLEVER L'IMAGE DANS L'ENTETE


Vous rajouter la ligne

#cl_0_0 {background-image: none;}

POUR ENLEVER L'IMAGE DE FOND DANS LE TITRE DU MODULE


Cette ligne existe déjà dans votre CSS :

.box-titre {margin:0px; padding: 6px 10px 6px 10px; height: 16px;background-image: url(http://accel1.fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/box_header.jpg);
    background-position: bottom right; background-repeat: no-repeat; background-color: #4C86CD;
    border-bottom: 1px solid #1756A5; }

vous allez la remplacer par

.box-titre { margin:0px; padding: 6px 10px 6px 10px;  height: 16px;  background-image: none;
background-color: #4C86CD;   border-bottom: 1px solid #1756A5; }

POUR ENLEVER LA COULEUR DE FOND QUI APPARAÎT SOUS L'IMAGE DE FOND DU TITRE DU MODULE

Toujours dans la même ligne :

.box-titre { margin:0px; padding: 6px 10px 6px 10px;  height: 16px;  background-image: none;
background-color: #4C86CD;   border-bottom: 1px solid #1756A5; }

que vous allez remplacer par

.box-titre { margin:0px; padding: 6px 10px 6px 10px;  height: 16px;  background-image: none;
background:none;   border-bottom: 1px solid #1756A5; }

POUR ENLEVER LE FOND DANS TOUT LE MODULE


La ligne existe déjà dans le CSS :

.box-content {padding: 6px 8px 3px 8px; background-image: url(http://accel2.fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/box_backgroundtop.jpg);
    background-position: top left;  background-repeat: repeat-x; 
color: #9F2B74; }

Vous remplacez ce qui est orange par

.box-content {padding: 6px 8px 3px 8px; background-image: none;  color: #9F2B74; }

ENLEVER LE FOND EN COULEUR QUI RESTE DANS LE MODULE

La ligne existe déjà dans le CSS

.box { margin:auto;  margin-bottom:15px;  background-image: url(http://accel4.fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/box_background.gif);
    background-color: #FCFAF1;  border-right: 1px solid #ECEAE4;   border-bottom: 1px solid #ECEAE4;  }

Vous la remplacez par

.box { margin:auto;  margin-bottom:15px;  background-image: none; background: none;
    border-right: 1px solid #ECEAE4; border-bottom: 1px solid #ECEAE4; }

POUR ENLEVER LA FRISE SOUS LE TITRE DE L'ARTICLE


Vous rajoutez cette ligne

.divTitreArticle h2, #articleSeul h2, .infoExtrait {background-image: none;}

 

POUR ENLEVER LA FRISE SOUS L'ARTICLE


La ligne n'existe, il faut la créer

.afterArticle, .plusExtrait {background-image: none);}

POUR ENLEVER LE FOND DANS LE PIED DE PAGE


La ligne est à rajouter

#ln_2 {     background-image:none ;}

POUR ENLEVER LA COULEUR QUI EST SOUS LE FOND DANS LE PIED DE PAGE

Toujours dans cette ligne, rajouter ce qui est en rouge

#ln_2 {     background-image:none ;background:none;}

POUR ENLEVER LE FOND QUI ENTOURE LE BLOG



La ligne existe déjà

body { background: #A29F95; color: #272011; background-image: url(http://accel5.fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/page_background.jpg); }

il faut la remplacer par

body { background: #A29F95; color: #272011; background-image: none; }

POUR ENLEVER LA COULEUR QUI SUBSISTE AUTOUR DU BLOG

Toujours dans la même ligne

body { background: #A29F95; color: #272011; background-image: none; }

qu'on remplace par

body { background: none; color: #272011; background-image: none; }

POUR ENLEVER LE FOND DANS LES COMMENTAIRES

La ligne existe déjà dans le CSS

.commentMessage { background-image: url(http://accel4.fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/comment_background.gif);
    background-position: bottom;  background-repeat: repeat-x; border-top: 1px solid #9F2B74; border-bottom: 1px solid #FF9482;  color: #682653;  }

On la remplace par

.commentMessage { background-image: none; border-top: 1px solid #9F2B74; border-bottom: 1px solid #FF9482;  color: #682653;  }

POUR ENLEVER LA FRISE SOUS LES COMMENTAIRES



On rajoute la ligne

.afterReactions{background-image: none;}

nti_bug_fck

commentaires (8)    ajouter un commentaire
Retour à la page d'accueil

Commentaires

Bonjour Anna, je viens faire un tour avant d'aller promener mes chiens près de la rivière.
Je suis folle de joie d'avoir mon nouveau chiot et, de plus, il s'entend bien avec le labrador. Je vais faire des photos.
Bisous Anna
commentaire n° : 1 posté par : stella vidal (site web) le: 17/10/2007 14:03:50
Coucou, suis pas en avance aujourd'hui ! lol ! ! Carrément en retard ! ! BiZouX de la mer rouge ! ! @nne-marie

 

commentaire n° : 2 posté par : soleil51 (site web) le: 17/10/2007 16:55:00

Gloups-gloups, descente en apnée jusqu'aux profondeurs de ton article !
Toujours aussi clair et utile, mais - oserais-je te l'avouer - j'ai perdu mes bouteilles au troisième palier !!!

Cependant, il me reste assez d'air pour te dire que je suis admiratie de ce " travail " , offert si généreusement sur ce blog, et que je te remercie pour cette mine de " ficelles " ( qui fait le bonheur de ma soeur !)

Mes très cordiales pensées,                           Alice.

commentaire n° : 3 posté par : Alice HUGO (site web) le: 17/10/2007 17:59:31
un gros bisou à toi Anna, je te souhaite une bonne soirée
commentaire n° : 4 posté par : miriel (site web) le: 17/10/2007 19:56:35
Bonsoir gentille AnnaK , bin le plus dur c'est d'attrapé ta chauve souris pour mon animation flash ( ouf j'y suis arrivé ) le résultat très bientôt , ça devrais te plaire, je cherche se soir le fond le plus sombre ... mise en ligne à partir du 20 comme prévut !!  de toute façon ta belle souris participera à cette animation 180 x 162 px .
Merci pour l'info module pied de page de toute façon attend toi à une sollicitation de ma part quand viendra le moment car pour faire tout ça je plane comme ta chauve souris.
J'espère que ta réunion c'est bien passé....

Passe une bonne fin de soirée gros bisous :)

commentaire n° : 5 posté par : Jean Michel (site web) le: 17/10/2007 20:54:13
Bonjour, merci pour ces explications.

Cependant, je n'arrive pas à enlever le pied de page sur Season, je ne trouve pas la ligne #ln_2 par défaut.

Merci d'avance !!
commentaire n° : 6 posté par : Flo (site web) le: 24/12/2007 21:08:16
Je passe
réponse de : Anna K (site web) le: 31/12/2007 07:43:31
Salut Anna ! Premier commentaire ici .. Tout d'abord pour te dire que tu fais un excellent job.

Par contre j'aimerai beaucoup changer LE FOND QUI ENTOURE LE BLOG de season. Et en mettre un nouveau sur le thême du voyage. Mais je ne sais pas du tout ou trouver ce genre de fichier ou comment le modifier... Aurais-tu un conseil là dessus?

Merci Merci

ps: le fond que je recherche est beige avec des logo de valise, de tempons passeport, visas, etc.. Très sobre. Mais je ne le trouve pas.
commentaire n° : 7 posté par : Nico (site web) le: 05/09/2008 19:59:12

Je passe voir ton blog


réponse de : Anna K (site web) le: 07/09/2008 07:54:20
Merci encore pour cette aide préciseuse... A très bientôt Anna !

ps. si t'a des idée voyage pour agérmenter mon blog, néhésite pas :D !
commentaire n° : 8 posté par : Nico (site web) le: 08/09/2008 15:23:55

Vous avez un blog ? vous habitez le 57 ? venez-nous rejoindre sur Blogs57

blogs57

Articles les plus populaires

Publicité

Présentation

: Les ficelles d Anna K.
: 26/06/2006
annak : Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer de la musique, des gadgets, des compteurs, des astuces de référencement...

Recherche Rapide Sur le Site

Sommaires

top

Dernières Astuces

liste complète

Commentaires

Publicité

Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus