Overblog Suivre ce blog
Administration Créer mon blog
8 février 2009 7 08 /02 /février /2009 00:06
Ce design est destiné aux débutants qui n'y connaissent pas grand chose ni en CSS, ni en logiciel de dessin.
Il vous suffira de suivre les indications pour le mettre sur votre blog.
Ce design a été réalisé avec Fire Fox sous résolution 1024*768. Je l'ai vérifié sous résolution 800*600 et  1280*1024 et sous IE.

Ci-dessous, son aspect sous résolution 1024*768.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique MINIMALISTE en cliquant dessus


J'ai choisi de rester en mode normal : le design sera le même dans toutes les pages et donc un seul CSS.

Cliquez sur Mode avancé (CSS) à droite.
Cochez
Dans mon style, collez le CSS suivant


body {margin:0px; padding:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/a6.gif);}
#global{ width:800px;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/eoscozywool3b.jpg);border:5px inset #9C846B;margin-top:10px;margin-bottom:10px;}
html { scrollbar-track-color: #EAE2CF;scrollbar-shadow-color: #EAE2CF;scrollbar-highlight-color:#EAE2CF;scrollbar-face-color: #9C846B;scrollbar-darkshadow-color: #EAE2CF;scrollbar-3dlight-color: #EAE2CF;scrollbar-arrow-color: #EAE2CF ; }

a {text-decoration:none; color:#000; font-size:110%;}
a:hover {text-decoration:none; color:#000;}

#ln_0 {border:0px;border-bottom:5px solid #9C846B;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/a2.gif);}
#cl_0_0 {border:0px;}
#top {padding:5px 0px; color:#9C846B; width:100%; margin:0px; border:0px none;}

#ln_2 {border:0px;}
#footer { color:#000;border:0px none;}

#ln_1 {}
#cl_1_0 {width:200px;height:410px;position:relative;overflow:auto;}
#cl_1_1 {width:380px;height:410px;position:relative;overflow:auto;}
#cl_1_1 .column_content {width:95%;}
#cl_1_2 {width:200px;height:410px;position:relative;overflow:auto;}

.article {margin-top:0px; padding:0px; margin-bottom:15px;}
.titreArticle {text-decoration:none; color:#9C846B;}
.titreArticle:hover {text-decoration:underline; color:#9C846B;}
.date {margin-right:10px;}
.divTitreArticle h2 {text-align:center;border-top:1px solid #9C846B;border-bottom:1px solid #9C846B;background:#EFDEB5;}
.afterArticle {padding:3px 0px; border-top:1px solid #9C846B; width:100%; text-align:right; font-size:90%; color:#000;}
.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#000;}

.box {background-color:transparent; position:relative; margin:0px; padding:0px; margin-bottom:10px; border-bottom:1px dotted #EEE;}
.box h2 {color:#9C846B; margin-top:0px; margin-bottom:0px;border-top:1px solid #9C846B;border-bottom:1px solid #9C846B;background:#EFDEB5;}
.box-content li {list-style:square; color:#000; margin:5px; padding:0px;}
.noListStyle {list-style:none !important;}

.h2commentMessage {font-size:90%;}
.commentMessage {padding:5px; border:1px dotted #000; margin:0px;}
.commentOption {text-align:right; font-size:90%; color:#000; margin-bottom:10px;}
.afterReactions .linkAddComment {color:#797777;font-size:90%;}
#formComment {;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/eoscozywool3b.jpg);}

.page {margin-top:0px; padding:0px; margin-bottom:15px;}
.divPageTitle h2 {text-align:center;border-top:1px solid #9C846B;border-bottom:1px solid #9C846B;background:#EFDEB5;color:#9C846B;}
.divPageTitle h2:hover {text-decoration:underline; }
.afterPage {padding:3px 0px; border-top:0px solid #808080; width:100%; text-align:right; font-size:90%; color:#000;}
.beforePage {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#000;}

.calendrier .box-content {overflow:hidden;}
.calendarTable1 {width:90%;}

#general #cl_1_0 {width:100%;}
html #general #legals {border-top:5px solid #9C846B;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/a2.gif)!important;}

html #legals  {background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/a6.gif)!important;}

Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne module à gauche+1 colonne article au centre+1 colonne modules à droite

Ensuite, vous ne gardez pas le pied de page. Placez les autres modules voulus .


PERSONNALISATION :

Vous êtes toujours dans la partie Configurer : cliquez sur le pavé qui représente l'entête (ci-dessus celui où il est écrit designannak ) - contenu personnalisé.

Cliquez sur HTML

Copiez dans la source

<div style="text-align: right;">Design by <a href="http://annak.over-blog.com/" target="_blank">Anna K</a>.<br /></div>
<table style="text-align: center;" border="0" cellspacing="1" cellpadding="1" width="100%">
<tbody style="text-align: center;">
<tr style="text-align: center;">
<td style="text-align: center;"><span style="font-size: 18pt;">Les Design d'Anna K</span></td>
</tr>
</tbody>
</table>

DesignAnnaK : remplacez par le titre de votre blog et validez.

Je crois que j'ai fait le tour. Si vous le testez, dîtes-moi ce que ça donne.
Repost 0
3 février 2009 2 03 /02 /février /2009 00:40
Repost 0
Published by Anna K - dans Archives
commenter cet article
2 février 2009 1 02 /02 /février /2009 00:56
Repost 0
Published by Anna K - dans Archives
commenter cet article
1 février 2009 7 01 /02 /février /2009 00:58
Ce design est destiné aux débutants qui n'y connaissent pas grand chose ni en CSS, ni en logiciel de dessin.
Il vous suffira de suivre les indications pour le mettre sur votre blog.
Ce design a été réalisé avec Fire Fox sous résolution 1024*768. Je l'ai vérifié sous résolution 800*600 et  1280*1024 et sous IE.

Ci-dessous, son aspect sous résolution 1024*768.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique MINIMALISTE en cliquant dessus


J'ai choisi de rester en mode normal : le design sera le même dans toutes les pages et donc un seul CSS.

Cliquez sur Mode avancé (CSS) à droite.
Cochez
Dans mon style, collez le CSS suivant


body {margin:0px; padding:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/0bgr1469.gif);}
#global{ width:800px;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/ppbk052a.jpg);border:5px double #CECEAD;margin-top:10px;margin-bottom:10px;}
html { scrollbar-track-color: #EEC49C;scrollbar-shadow-color: #EEC49C;scrollbar-highlight-color:#EEC49C;scrollbar-face-color: #CECEAD;scrollbar-darkshadow-color: #EEC49C;scrollbar-3dlight-color: #EEC49C;scrollbar-arrow-color: #EEC49C ; }

a {text-decoration:none; color:#000; font-size:110%;}
a:hover {text-decoration:none; color:#000;}

#ln_0 {border:0px;border-bottom:5px double #CECEAD;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/0bgr599.gif);}
#cl_0_0 {border:0px;}
#top {padding:5px 0px; color:#D0671A; width:100%; margin:0px; border:0px none;}

#ln_2 {border:0px;}
#footer { color:#000;border:0px none;}

#ln_1 {}
#cl_1_0 {width:200px;height:410px;position:relative;overflow:auto;}
#cl_1_1 {width:380px;height:410px;position:relative;overflow:auto;}
#cl_1_1 .column_content {width:95%;}
#cl_1_2 {width:200px;height:410px;position:relative;overflow:auto;}

.article {margin-top:0px; padding:0px; margin-bottom:15px;}
.titreArticle {text-decoration:none; color:#D0671A;}
.titreArticle:hover {text-decoration:underline; color:#D0671A;}
.date {margin-right:10px;}
.divTitreArticle h2 {text-align:center;border-top:1px solid #D0671A;border-bottom:1px solid #D0671A;background:#CECEAD;}
.afterArticle {padding:3px 0px; border-top:1px solid #D0671A; width:100%; text-align:right; font-size:90%; color:#000;}
.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#000;}

.box {background-color:transparent; position:relative; margin:0px; padding:0px; margin-bottom:10px; border-bottom:1px dotted #EEE;}
.box h2 {color:#D0671A; margin-top:0px; margin-bottom:0px;border-top:1px solid #D0671A;border-bottom:1px solid #D0671A;background:#CECEAD;}
.box-content li {list-style:square; color:#000; margin:5px; padding:0px;}
.noListStyle {list-style:none !important;}

.h2commentMessage {font-size:90%;}
.commentMessage {padding:5px; border:1px dotted #000; margin:0px;}
.commentOption {text-align:right; font-size:90%; color:#000; margin-bottom:10px;}
.afterReactions .linkAddComment {color:#797777;font-size:90%;}
#formComment {background:#CECEAD;}

.page {margin-top:0px; padding:0px; margin-bottom:15px;}
.divPageTitle h2 {text-decoration:none; text-align:center;border-top:1px solid #D0671A;border-bottom:1px solid #D0671A;background:#CECEAD;}
.divPageTitle h2:hover {text-decoration:underline; }
.afterPage {padding:3px 0px; border-top:0px solid #808080; width:100%; text-align:right; font-size:90%; color:#000;}
.beforePage {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#000;}

.calendrier .box-content {overflow:hidden;}
.calendarTable1 {width:90%;}

#general #cl_1_0 {width:100%;}
html #general #legals {border-top:5px double #CECEAD;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/0bgr599.gif)!important;}

html #legals  {background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/0bgr1469.gif)!important;}

Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne module à gauche+1 colonne article au centre+1 colonne modules à droite

Ensuite, vous ne gardez pas le pied de page. Placez les autres modules voulus .


PERSONNALISATION :

Vous êtes toujours dans la partie Configurer : cliquez sur le pavé qui représente l'entête (ci-dessus celui où il est écrit designannak ) - contenu personnalisé.

Cliquez sur HTML

Copiez dans la source

<div style="text-align: right;">Design by <a href="http://annak.over-blog.com/" target="_blank">Anna K</a>.<br /></div>
<table style="text-align: center;" border="0" cellspacing="1" cellpadding="1" width="100%">
<tbody style="text-align: center;">
<tr style="text-align: center;">
<td style="text-align: center;"><span style="font-size: 18pt;">Les Design d'Anna K</span></td>
</tr>
</tbody>
</table>

DesignAnnaK : remplacez par le titre de votre blog et validez.

Je crois que j'ai fait le tour. Si vous le testez, dîtes-moi ce que ça donne.
Repost 0
27 janvier 2009 2 27 /01 /janvier /2009 00:18

Comme ceci :



Dans le CSS, vous rajoutez ce qui est en rouge ou toute la ligne si elle n'existe pas

.recherche input{ background-image:url(adresse de l'image);background-repeat:no-repeat;}


L'image apparaît dans les 2 cadres, alors pour l'effacer du cadre où il est écrit Recherche, vous rajoutez la ligne entière dans le CSS :

.recherche .button {background-image:none;}
Repost 0
Published by Anna K - dans Archives
commenter cet article
25 janvier 2009 7 25 /01 /janvier /2009 00:27
Ce design est destiné aux débutants qui n'y connaissent pas grand chose ni en CSS, ni en logiciel de dessin.
Il vous suffira de suivre les indications pour le mettre sur votre blog.
Ce design a été réalisé avec Fire Fox sous résolution 1024*768. Je l'ai vérifié sous résolution 800*600 et  1280*1024 et sous IE.

Ci-dessous, son aspect sous résolution 1024*768.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique MINIMALISTE en cliquant dessus


J'ai choisi de rester en mode normal : le design sera le même dans toutes les pages et donc un seul CSS.

Cliquez sur Mode avancé (CSS) à droite.
Cochez
Dans mon style, collez le CSS suivant


body {margin:0px; padding:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/valen_nolinkbk.gif);}
#global{ width:800px;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/fo15.jpg);border:5px double #E6B0B1;margin-top:10px;}
html { scrollbar-track-color: #E5CFD1;scrollbar-shadow-color: #E5CFD1;scrollbar-highlight-color:#E5CFD1;scrollbar-face-color: #EDE3E1;scrollbar-darkshadow-color: #E5CFD1;scrollbar-3dlight-color: #E5CFD1;scrollbar-arrow-color: #E5CFD1 ; }

a {text-decoration:none; color:#000; font-size:110%;}
a:hover {text-decoration:none; color:#000;}

#ln_0 {border:0px;border-bottom:5px double #E6B0B1;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/ptbk008a.jpg);}
#cl_0_0 {border:0px;}
#top {padding:5px 0px; color:#C54F52; width:100%; margin:0px; border:0px none;}

#ln_2 {border:0px;}
#footer { color:#000;border:0px none;}

#ln_1 {margin-bottom:10px;}
#cl_1_0 {width:200px;height:410px;position:relative;overflow:auto;}
#cl_1_1 {width:380px;height:410px;position:relative;overflow:auto;}
#cl_1_1 .column_content {width:95%;}
#cl_1_2 {width:200px;height:410px;position:relative;overflow:auto;}

.article {margin-top:0px; padding:0px; margin-bottom:15px;}
.titreArticle {text-decoration:none; color:#C54F52;}
.titreArticle:hover {text-decoration:underline; color:#C54F52;}
.date {margin-right:10px;}
.divTitreArticle h2 {text-align:center;border-top:1px solid #C54F52;border-bottom:1px solid #C54F52;background:#E6B0B1;}
.afterArticle {padding:3px 0px; border-top:1px solid #C54F52; width:100%; text-align:right; font-size:90%; color:#000;}
.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#000;}

.box {background-color:transparent; position:relative; margin:0px; padding:0px; margin-bottom:10px; border-bottom:1px dotted #EEE;}
.box h2 {color:#C54F52; margin-top:0px; margin-bottom:0px;border-top:1px solid #797777;border-bottom:1px solid #797777;background:#E6B0B1;}
.box-content li {list-style:square; color:#000; margin:5px; padding:0px;}
.noListStyle {list-style:none !important;}

.h2commentMessage {font-size:90%;}
.commentMessage {padding:5px; border:1px dotted #000; margin:0px;}
.commentOption {text-align:right; font-size:90%; color:#000; margin-bottom:10px;}
.afterReactions .linkAddComment {color:#797777;font-size:90%;}
#formComment {background:#EDE3E1;}

.page {margin-top:0px; padding:0px; margin-bottom:15px;}
.divPageTitle h2 {color:#C54F52;text-decoration:none; text-align:center;border-top:1px solid #797777;border-bottom:1px solid #797777;background:#E6B0B1;}
.divPageTitle h2:hover {text-decoration:underline; color:#C54F52;}
.afterPage {padding:3px 0px; border-top:1px solid #808080; width:100%; text-align:right; font-size:90%; color:#000;}
.beforePage {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#000;}

.calendrier .box-content {overflow:hidden;}
.calendarTable1 {width:90%;}

#general #cl_1_0 {width:100%;}
html #general #legals {border-top:5px double #E6B0B1;background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/ptbk008a.jpg)!important;}

html #legals  {background:url(http://idata.over-blog.com/1/29/47/23/Fonds-carr--s/valen_nolinkbk.gif)!important;}

Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne module à gauche+1 colonne article au centre+1 colonne modules à droite

Ensuite, vous ne gardez pas le pied de page. Placez les autres modules voulus .


PERSONNALISATION :

Vous êtes toujours dans la partie Configurer : cliquez sur le pavé qui représente l'entête (ci-dessus celui où il est écrit designannak ) - contenu personnalisé.

Cliquez sur HTML

Copiez dans la source

<div style="text-align: right;">Design by <a href="http://annak.over-blog.com/" target="_blank">Anna K</a>.<br /></div>
<table style="text-align: center;" border="0" cellspacing="1" cellpadding="1" width="100%">
<tbody style="text-align: center;">
<tr style="text-align: center;">
<td style="text-align: center;"><span style="font-size: 18pt;">Les Design d'Anna K</span></td>
</tr>
</tbody>
</table>

DesignAnnaK : remplacez par le titre de votre blog et validez.

Je crois que j'ai fait le tour. Si vous le testez, dîtes-moi ce que ça donne.
Repost 0
20 janvier 2009 2 20 /01 /janvier /2009 00:58



AVANT TOUTES ACTIONS
:

  • Dans Design, vérifiez que vous avez bien sélectionné le modèle BOYS DON'T CRY
  • 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 #F3A3A3; font-size:20px;}

Il faut modifier ce qui est en bleu

#top    { border:0px solid #F3A3A3; font-size:20px;}

POUR ENLEVER LA COULEUR DE FOND DANS L'ENTETE


La ligne existe déjà

#header { text-align:center;   position:relative; background-color:#666; color:#F3A3A3;}

On modifie ce qui est en rouge

#header { text-align:center;   position:relative; background:none; color:#F3A3A3;}

POUR ENLEVER LA COULEUR DE FOND DANS LE TITRE DU MODULE


La ligne existe déjà dans le CSS

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

il faut modifier ce qui est en rouge

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

POUR ENLEVER LA COULEUR DANS LE CONTENU DU MODULE


Les lignes existent déjà dans le CSS

.box{ position:relative; margin-bottom: 5px; border:0px none;  background-color: #333333; padding:0 2px 5px 3px; border-bottom:1px solid #575151; margin-top:0px; color:#999}
.box-content {overflow:auto; padding:3px; color:#BBBDBE; background-color:#333;}

On modifie ce qui est en bleu

.box{ position:relative; margin-bottom: 5px; border:0px none;  background:none; padding:0 2px 5px 3px; border-bottom:1px solid #575151; margin-top:0px; color:#999}
.box-content {overflow:auto; padding:3px; color:#BBBDBE; background:none;}

POUR ENLEVER LE FOND DANS LES COMMENTAIRES ET REPONSES


La ligne existe déjà

.commentMessage { margin:5px; border:1px dotted #FFF; background-color:#333333; color:#BBBDBE;}

vous modifiez ce qui est en bleu

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

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


La ligne existe déjà

.commentOption     {margin:5px; text-align:left; color:#BBBDBE; margin-bottom:10px; background-color:#333333; border:1px dotted #FFF; color:#BBBDBE;}

il faut modifier ce qui est en rouge

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

POUR ENLEVER LA COULEUR DE FOND AUTOUR DES 3 COLONNES CENTRALES


Il faut rajouter la ligne suivante

#ln_1 {background:none;}

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/233/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-image: none; font-family: Arial,Verdana,sans-serif; font-size:x-small;}

Repost 0
Published by Anna K - dans Archives
commenter cet article
20 janvier 2009 2 20 /01 /janvier /2009 00:52



AVANT TOUTES ACTIONS :

  • Dans Design, vérifiez que vous avez bien sélectionné le modèle FUNKY
  • 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 LE FOND BLEU DANS L'ENTETE


La ligne existe déjà

#top    { padding:0px; border-bottom: 1px solid gray; background: url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/top.png) repeat-x scroll top left;margin-bottom: 10px;}

Vous modifiez ce qui est en rouge

#top    { padding:0px; border-bottom: 1px solid gray; background:none;margin-bottom: 10px;}

POUR ENLEVER L'ENCADREMENT BLEU DES MODULES


Les lignes existent déjà

.box-titre  {background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-h-c.png) repeat-x top; margin:0px; padding:0px; overflow: hidden;}
.box-titre h2{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-h-g.png) left top no-repeat; margin:0px; padding:0 0 0 5px; height:26px;}
.box-titre span{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-h-d.png) right top no-repeat ; display:block;margin:0px; padding:0px;  height:26px;}

.box-footer  {background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-b-c.png) repeat-x top; margin:0px; padding:0px; height:16px; font-size:6px;}
.box-footer h2{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-b-g.png) left top no-repeat;margin:0px; padding:0px; }
.box-footer  span{background:url(http://fdata.over-blog.com/99/00/00/01/templates/102/default/article/common/pics/fond-b-d.png) right top no-repeat ; display:block;margin:0px; padding:0px;  }

Vous modifiez ce qui est en rouge

.box-titre  {background:none;margin:0px; padding:0px; overflow: hidden;}
.box-titre h2{background:none ;margin:0px; padding:0 0 0 5px; height:26px;}
.box-titre span{background:none ; display:block;margin:0px; padding:0px;  height:26px;}

.box-footer  {background:none; margin:0px; padding:0px; height:16px; font-size:6px;}
.box-footer h2{background:none;margin:0px; padding:0px; }
.box-footer  span{background:none ; display:block;margin:0px; padding:0px;  }

POUR ENLEVER LA COULEUR DE FOND DANS LES COMMENTAIRES ET LES REPONSES


La ligne existe déjà

.commentMessage  { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}

Vous modifiez ce qui est en rouge

.commentMessage  { padding:5px; border:1px dotted #999999;background:none; margin:0px;}

Repost 0
Published by Anna K - dans Archives
commenter cet article
20 janvier 2009 2 20 /01 /janvier /2009 00:51

cet article a été transféré sur les nouvelles ficelles d'Anna K

Repost 0
Published by Anna K - dans Archives
commenter cet article
20 janvier 2009 2 20 /01 /janvier /2009 00:48



AVANT TOUTES ACTIONS :

  • Dans Design, vérifiez que vous avez bien sélectionné le modèle SOLYLENT GREEN
  • 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 LA COULEUR DE FOND GRISE DANS LES MARGES EXTERIEURES


La ligne existe déjà

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

vous modifiez ce qui est en bleu

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

POUR ENLEVER LE FOND VERT DANS L'ENTETE


La ligne existe déjà

#header {text-align:center; border:0px none; background-color:#99CC66;border-left:1px solid #99CC66;border-right:1px solid #99CC66;}

Vous modifiez ce qui est en rouge

#header {text-align:center; border:0px none; background:none;border-left:1px solid #99CC66;border-right:1px solid #99CC66;}

POUR ENLEVER LA COULEUR DE FOND DANS LES COMMENTAIRES ET LES REPONSES


La ligne existe déjà

.commentMessage {padding:5px; border:1px dotted #000; background-color:#CCD9E6; margin:0px;}

Vous modifiez ce qui est en rouge

.commentMessage {padding:5px; border:1px dotted #000; background:none; margin:0px;}

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