Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
5 février 2008 2 05 /02 /février /2008 00:51



AVANT TOUTES ACTIONS :

  • Dans Design, vérifiez que vous avez bien sélectionné le modèle THE EMERALD FOREST
  • 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'ENCADREMENT DE L'ENTETE


La ligne existe déjà

#top    { border: 3px solid #626D13; margin:0px; width:790px;}

Il faut modifier ce qui est en bleu

#top    { border: 0px solid #626D13; margin:0px; width:790px;}

POUR ENLEVER LA COULEUR DE FOND DANS LE TITRE DU MODULE


La ligne existe déjà dans le CSS

.box-titre{ position:relative; background-color:#ABB78E; padding-left: 20px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/232/default/article/common/pics/cotes.png); background-repeat: no-repeat; text-align: left; background-position:5px 0px; border-bottom: 2px solid #fff}

il faut modifier ce qui est en rouge

.box-titre{ position:relative; background:none; padding-left: 20px; background-image:none; text-align: left;  border-bottom: 2px solid #fff;}

POUR ENLEVER LA COULEUR DANS LE CONTENU DU MODULE


Les lignes existent déjà dans le CSS

.box{ position:relative; margin-bottom: 5px; border-bottom:1px solid #626D13; background-color:#FFF; padding-bottom:5px; border-bottom:1px solid #626D13;}
.box-content     {overflow:auto; padding: 2px; color: #626D13; background: #DDE3CF;}

On modifie ce qui est en bleu

.box{ position:relative; margin-bottom: 5px; border-bottom:1px solid #626D13; background:none; padding-bottom:5px; border-bottom:1px solid #626D13;}
.box-content     {overflow:auto; padding: 2px; color: #626D13; background: none;}

POUR ENLEVER LE FOND DANS LES COMMENTAIRES ET REPONSES


La ligne existe déjà

.commentMessage { margin:5px; border:1px dotted #626D13; background-color:#ABB78E; color:#626D13}

vous modifiez ce qui est en bleu

.commentMessage { margin:5px; border:1px dotted #626D13; background:none; color:#626D13}

POUR ENLEVER LE FOND DANS LES REFERENCES SOUS LES COMMENTAIRES ET REPONSES


La ligne existe déjà

.commentOption     {margin:5px; text-align:left; color:#626D13; margin-bottom:10px; background-color:#ABB78E; border:1px dotted #626D13; color:#626D13;}

il faut modifier ce qui est en rouge

.commentOption     {margin:5px; text-align:left; color:#626D13; margin-bottom:10px; background:none; border:1px dotted #626D13; color:#626D13;}


POUR ENLEVER LA COULEUR DE FOND DANS LES MARGES EXTERIEURES


La ligne existe déjà

body    { margin:0px; padding:0px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/232/default/article/common/pics/fond.png); font-family: Arial,Verdana,sans-serif; font-size:x-small;}

vous modifiez ce qui est en bleu

body    { margin:0px; padding:0px; background:none; font-family: Arial,Verdana,sans-serif; font-size:x-small;}

Partager cet article

Repost 0
Published by Anna K - dans Archives
commenter cet article

commentaires

z'ours 30/12/2008 22:56

bonsoir Annack
j'ai lancé un nouveau blog et j'aurais voulu supprimer l'encadrement autour de ma bannière
j'ai pris le thème minimaliste mais dans la liste il n'y figure pas donc j'ai regardé dans celui ci j'ai donc mis 0px dans top mais cela ne m'a rien enlever
et j'aurais voulu savoir comment enlever l'encadrement en fin de page
en te remerciant par avance
je te souhaite une bonne fin d'année et t'envoie des bisounours du soir

Marine 21/09/2008 22:02

Bonsoir ! (eh oui encore moi)
Merci beaucoup pour ton aide, je ne manquerai pas de te faire signe si j'ai encore besoin de tes aides !!!
Il y a juste un truc qui m'interpelle, dans le code que tu m'as donné:

body { margin:0px; padding:0px; background-color:#DE9ED4; font-family: Arial,Verdana,sans-serif; font-size:x-small;background:url(http://nsm01.casimages.com/img/2008/01/31//08013106373062651663918.jpg);background-attachment:fixed;}

Y a-t-il un autre mode que "Fixed" pour le background-attachment ?
Voilà voilà merci encore!

Anna K 25/09/2008 06:49


Bonjour Marine :)
fixed signifie dont fixe (j'ai un de ces talents pour les langues étrangères...)
Si tune désires pas qu'il soit fixe, tu effaces background-attachment:fixed; tout simplement :)


Marine 20/09/2008 19:12

Bonjour Anna K.,
Mon thème c'est Emerald forest, mais je ne sais pas comment mettre une image dans les marges extérieurs (pas une image fixe lorsqu'on descend le curseur, mais qui se répète pour tout couvrir). Mon CSS:

body { margin:0px; padding:0px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/232/default/article/common/pics/fond.png); font-family: Arial,Verdana,sans-serif; font-size:x-small;}

a { text-decoration:none; color:#FFF; font-size:110% }
a:hover { text-decoration:underline; color:#4C4C49 }

#header { text-align:center; position:relative; font-size:20px; color:#626D13;padding:2px; margin-bottom:10px;}
#top { border: 3px solid #626D13; margin:0px; width:790px;}

#footer { margin-top:10px; border:0px none; color:#FFF;}
#footer p { margin:0px; padding: 10px; }


.beforeArticle { padding:0px 0px 5px 0px; margin:0px; width:100%; }

.contenuArticle {border-top: solid 1px #626D13; color:#8C8F88;}

.date {margin-left:5px; color:#A0A56F;font-weight: bold;}

.titreArticle {margin-left:5px; font-size: 15px; text-decoration:none; color:#CCE134}
.titreArticle:hover {text-decoration:underline; color:#CCE134}

.box{ position:relative; margin-bottom: 5px; border-bottom:1px solid #626D13; background-color:#FFF; padding-bottom:5px; border-bottom:1px solid #626D13;}
.box h2{ color: #626D13; margin-top:0px; margin-bottom:0px; }
.box-titre{ position:relative; background-color:#ABB78E; padding-left: 20px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/232/default/article/common/pics/cotes.png); background-repeat: no-repeat; text-align: left; background-position:5px 0px; border-bottom: 2px solid #fff}
.box-content {overflow:auto; padding: 2px; color: #626D13; background: #DDE3CF;}

.commentMessage { margin:5px; border:1px dotted #626D13; background-color:#ABB78E; color:#626D13}
.commentOption {margin:5px; text-align:left; color:#626D13; margin-bottom:10px; background-color:#ABB78E; border:1px dotted #626D13; color:#626D13;}

.beforePage { padding:0px 0px 5px 0px; margin:0px; width:100%; }

.contenuPage {border-top: solid 1px #626D13; color:#8C8F88;}

.divPageTitle h2 {margin-left:5px; font-size: 15px; text-decoration:none; color:#CCE134}
.divPageTitle h2:hover {text-decoration:underline; color:#CCE134}

Je n'ai touché à rien, c'est le thème d'origine. Donc je voudrais connaitre les éléments à ajouter pour faire apparaitre une image.
Merci

Anna K 21/09/2008 17:15


Bonjour :)
Pour mettre une images dans les marges, tu rajoutes
background:url(http://nsm01.casimages.com/img/2008/01/31//08013106373062651663918.jpg);background-attachment:fixed;
ainsi
body    { margin:0px; padding:0px; background-color:#DE9ED4; font-family: Arial,Verdana,sans-serif;
font-size:x-small;background:url(http://nsm01.casimages.com/img/2008/01/31//08013106373062651663918.jpg);background-attachment:fixed;}
dans cet exemple, c'est un fond de 1024*768, tu le gardes ou tu remplaces par ta propre adresse d'images.


d.d.laplume 13/03/2008 08:21

Bonjour Annak,  Totales réussites et objectifs atteints grâce à tes formules magiques.  Encore merci... bonne journée.                                                                                                dédé.

d.d.laplume 13/03/2008 08:20

Bonjour Annak,  Totales réussites et objectifs atteints grâce à tes formules magiques.  Encore merci... bonne journée.                                                                                                dédé.