Accueil

Dimanche 3 juillet 2005 7 03 /07 /Juil /2005 00:00
- Publié dans : Fond du blog
Pour mettre un fond d'écran sur son blog, il faut éditer le CSS.

Mettre un fond d'écran

1. Importez votre image dans vos fichiers (méthode)

2. Allez dans l'onglet Mes fichiers, puis cliquez sur Images.

3. Cliquez sur la loupe pour afficher l'image en grand.

3bis. Faites un clic droit (contrôle-clic sous Mac) sur votre image, allez dans Propriétés, et notez l'adresse URL de votre photo.
Exemple : http://www.over-blog.com/4/3/1234/pics/monimage.jpg

4. Allez dans l'onglet Design, puis sur Modifier le CSS.

5. Dans la première ligne de votre CSS, (qui commence par body), repérez l'attribut background.

6. Remplacez tout le texte commençant par background et finissant au premier point-virgule par background-image : url(collez_l'URL_de_votre_image_ici) ;

7. Vous obtiendrez donc par exemple :
body { margin: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; color: #00000;
background-image: url(http://www.over-blog.com/4/3/1234/pics/maphoto.jpg); }


8. Enregistrez votre fichier CSS en cliquant sur Enregistrer.

Voir les 303 commentaires
Retour à l'accueil

Commentaires

super ct bien les deux body qui mze genait!!! merci merci beaucoup!!!!!!!
Commentaire n°101 posté par sandisouri le 27/04/2006 à 09h09

uiiiiiiii  jy arrive po


/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image:                                  url(http://idata.over-blog.com/0/32/20/01/lego7.jpg); }


keski cloche? svp   (en fait, F5, c actualiser, non?)

Commentaire n°102 posté par Tony-oh le 29/04/2006 à 19h21
Apparement, rien. Mais vu que j'ai pas l'adresse du blog...
Réponse de Fabrice B. le 30/04/2006 à 10h41
ern fait sa marche mé sa narive quand dans ma page, je vais dans catégories
Commentaire n°103 posté par tony-oh! le 29/04/2006 à 19h26

j'arive pas je croix que j ai une faute mais je c pas ou svp aider moi .


/* ---------- Elements Principaux ------------- */
body  {margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:#FFF; }
background-image:url(http://idata.over-blog.com/0/26/90/50/matin.jpg;
h1      { color: #5B6B7C; font-size: 20px; } /*titre des pages*/
h2      { color: #5B6B7C; font-size: 15px; }
h3      { color: #5B6B7C; font-size: 12px; }
a      { text-decoration:underline; color:#5B6B7C; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#5B6B7C}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none; }
img     {  } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%;
background:#FFFFFF; color:#5675A4; } /* bouton */


 


svp reponder moi ici ou par mail j'arive pas ^^

Commentaire n°104 posté par bagnino le 09/05/2006 à 21h28
body  {margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:#FFF; }
background-image:url(http://idata.over-blog.com/0/26/90/50/matin.jpg;

devrait etre:

body  {margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:#FFF;
background-image:url(http://idata.over-blog.com/0/26/90/50/matin.jpg); }
Réponse de Fabrice B. le 10/05/2006 à 00h14

j ai reussi mais le problem c que l image est couper comment je fais pour la maitre sur tout la pâge ??


merci

Commentaire n°105 posté par bagnino le 09/05/2006 à 21h44
il faut en prendre une plus grande ;)
Réponse de Fabrice B. le 10/05/2006 à 00h15
c con  a dire mais j ai mi remaitre configuration du css de base est ..bhin je c pas pky  a plus l image ....ahhh c trop dur ..help me reponder ...
Commentaire n°106 posté par BAGNINO le 09/05/2006 à 21h51
salut

votre methode pour mettre un fond de blog ne marche
j'ai tout essayé et j'ai refait la manipulation des dixaines de fois sans succé rien a faire j'aimerai vraiment changer mon blog pour lui donner plus de style
j'ai vraiment besoin d'aide et pas juste un discour sans explication claire et precise sinon merci d'avance je suis deja passé par http://www.over-faq.com... mais ca ne donne rien c pas mieux!!!!
S.O.S
S.O.S
J AI BESOIN D UNE AIDE
Merci d'avance
Commentaire n°107 posté par SAMIR le 18/05/2006 à 20h36

Merci beaucoup vraiment très pratique vos renseignements pour les débutants.


 

Commentaire n°108 posté par La pomme le 19/05/2006 à 17h20

Bonjour !
J'ai fait tous ce que tu as dit et ça ne marche pas !

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background-image: url(http://idata.over-blog.com/0/34/61/28/fma13b.jpg)


moi quand je fais aperçu du blog et bah ça me fais mes articles sans disign ni fond d'ecran !!!!
est-ce que tu pourrai m'expliquer ce qui va pas !!!
SVP
merci

Commentaire n°109 posté par Alice le 27/05/2006 à 23h19

Moi ça marche pas!!!*


body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:#FFF; background-image:url(http://idata.over-blog.com/0/34/61/28/fma13b.jpg):}

Commentaire n°110 posté par Alice le 28/05/2006 à 13h02
il faut pas : mais ; à la fin de la ligne ;)
Réponse de Fabrice B.. le 28/05/2006 à 16h04
ok merci et aussi est ce que on peut mettre une couleur de fond sur les articles ????§§
Commentaire n°111 posté par Alice le 29/05/2006 à 12h29

Bonjour !!!


Je n'arrive pas à mettre une image en fond d'écran dans l'entête de mon blog, pouvez-vous m'aidez ??


Merci d'avance ... Camille

Commentaire n°112 posté par Camille le 03/06/2006 à 15h36

je n'y arrive âs non plus, j'ai également tout fait, voici mon css:


 


--------------body { margin: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; color: #00000;
background-image: url(http://img.over-blog.com/100x100/0/34/69/61/aaaa.jpg); }


 


 


merci!

Commentaire n°113 posté par lisa le 04/06/2006 à 15h52

Bonjour !
est-ce que on peut mettre un fond de couleur dan les articles parce que moi mes articles son du coup transparents !!
on voit l'arrière le fond du blog à travers !!
comment on fait !!???
MERCI D'AVANCE
alice

Commentaire n°114 posté par Alice le 04/06/2006 à 21h13
.article {background: #FFFFFF;}
Réponse de Fabrice B.. le 05/06/2006 à 08h43

MERCI !!!!!!!!!!

Commentaire n°115 posté par Alice le 05/06/2006 à 14h07

Merci beaucoup !


Et si même moi, j'y suis arrivée c'est que tes explications sont vraiment top!!!


:o)


Bonne continuation et certainement à bientôt ;o)


ESpaceS

Commentaire n°116 posté par ESpaceS le 10/06/2006 à 15h16

box    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color: #00000; .article {background: #ccff00;}


c'est bon là ?????? parce que sa marche pas et j'ai vidé mon cache Ctrl+F5 !!!!

Commentaire n°117 posté par Alice le 10/06/2006 à 15h53
tu as melangé 2 lignes :(

box    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: x-small; color: #00000; }
.article {background: #ccff00;}
Réponse de Fabrice B.. le 11/06/2006 à 10h47

merci !!!!

Commentaire n°118 posté par Alice le 11/06/2006 à 16h26

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color: #00000;
background-image : url(http--idata.over-blog.com-0-36-64-24-424504572.jpg); ; }


[ y'a t'il une erreur ? ]


J'y arrive vraiment pas pourtant j'ai bien fait ce qu'il fallait faire..


Aidez moi svp, merci :)



Commentaire n°119 posté par Rym le 20/06/2006 à 15h48
l'adresse est fausse ;)

http://  ;)
Réponse de Fabrice B.. le 21/06/2006 à 17h53

comment on fait pour mettre une couleur de fond dans un article ??? Parce que il n'y a pas "background". Je suis perdue !!!


 

Commentaire n°120 posté par Camille le 21/06/2006 à 20h01
il faut le rajouter ;)
Réponse de Fabrice B.. le 22/06/2006 à 07h01
Merciiiii !!!!!!!
Commentaire n°121 posté par Camille le 22/06/2006 à 18h02

Mais je dois le mettre où ???


Voici ce qu'il y a dans la sourc ede mon article:


<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><img class="GcheTexte" alt="" src="http://idata.over-blog.com/0/33/05/56/val.jpg" /></font></span></font></span></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"></span></font></span></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"></span></font></span></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4">Je vous pr&eacute;sente mes 2 fid&egrave;les &eacute;l&egrave;ves, <font color="#006600">ma marraine et sa fille de 9 ans, Valentine</font>. Vous pouvez voir leurs toutes premi&egrave;res pages dans l&rsquo;album de mes scrapeuses pr&eacute;f&eacute;r&eacute;es&hellip;</font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></font></span></div>
<div align="center"><font color="#66cc33" size="4">&nbsp;</font><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4">Je leur fait des petits cours de temps en temps, quand elles me dise <font color="#006600">&laquo;&nbsp; Camille, je voudrais faire une page avec ces photos, tu ne pourrais pas m&rsquo;aider&nbsp;??&nbsp;&raquo; </font><font color="#66cc33">je vais &agrave; leur secours !!! lol</font></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#006600" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<div align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></div>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><hr /></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><img class="DrteTexte" alt="" src="http://idata.over-blog.com/0/33/05/56/zaz.jpg" /><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4">Je suis super contente que ma passion leur plaise aussi, elles ne se d&eacute;brouillent pas trop mal mais elles ont sonvent besoin d'aide quand m&ecirc;me !!</font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4">Pour le materiel, elles ont les bases (planche de coupe, cutter, pochoirs, quelques perfos)... On fait le passe-passe comme &ccedil;a on a plus de trucs !!! Pratique !!!</font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4">&deg;&deg;&deg; <font color="#006600">ELLES SONT GENIALES, JE LES ADORE</font>, continuez !! &deg;&deg;&deg;</font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"></font></span></span></p>
<p align="center"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><font color="#66cc33" size="4"><hr /></font></span></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;<span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><span style="FONT-SIZE: 12pt; FONT-FAMILY: 'Comic Sans MS'"><img class="CtreTexte" alt="" src="http://idata.over-blog.com/0/33/05/56/trois.jpg" /></span></span></p>
<p align="center"><font face="Comic Sans MS" color="#66cc33" size="4">C'&eacute;tait mon <font color="#006600">2&egrave;me apr&egrave;s-midi scrap</font> avec elles, et cette fois je n'ai pas oubli&eacute; les photos !!! <font color="#006600">Allez voir leurs pages</font> ... </font></p>


 


C'est long, mais je ne savais pas quoi faire !!!

Commentaire n°122 posté par Camille le 23/06/2006 à 19h00

Je ne comprend pas ou j'ai faux, si vous pouviez m'aider...


/* ---------- Elements Principaux ------------- */
body{ margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;
background-image:url(http://img.over-blog.com/100x100/0/36/97/12/fond-du-blog/ayu-layout.jpg); }
h1 { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2 { color: #5675A4; font-size: 15px; }
h3 { color: #5675A4; font-size: 12px; }
a { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none; }
img     { border:0px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */

Commentaire n°123 posté par Sélénia le 24/06/2006 à 15h54
http://img.over-blog.com/100x100/0/36/97/12/fond-du-blog/ayu-layout.jpg
devrait etre
http://idata.over-blog.com/0/36/97/12/fond-du-blog/ayu-layout.jpg

 ;)
Réponse de Fabrice B.. le 24/06/2006 à 16h34

Bonsoir,


J'ai tenté de suivre les instructions à la lettre, mais décidément non, quand ça veut pas, ça veut pas! Ce serait vraiment gentil si vous pouviez me dire où est mon erreur... j'ai essayé ctrl+F5 en allant sur mon blog, et rien ne se passe non plus... Je ne comprends plus rien!


Voici le code:


 /* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background-image:url(http://idata.over-blog.com/0/37/16/30/backgrounds/smokebkg.jpg); }

Commentaire n°124 posté par Morrigann le 28/06/2006 à 00h53
Quand je regarde ton blog, je ne vois pas cette ligne...
Réponse de Fabrice B.. le 28/06/2006 à 06h57

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color: #00000; background-image: url(http://img.hebus.com/2006/01/28/060128150945_92.jpg); background-position: top left; background-attachment: fixed; }


sa na marche je comprends pas !
et aussi comment on fait pour mettre un fond d'ecran et aussi un module ??parce que moi c'est soit le fond d'ecran soit le module sans fond !!
est-ce que tu peut m'aidez stp !!!!!

Commentaire n°125 posté par naruto le 28/06/2006 à 15h40

/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image: url(http//idata.over-blog.com/0/29/88/67/pb.163.jpg);}
h1      { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2      { color: #5675A4; font-size: 15px; }
h3      { color: #5675A4; font-size: 12px; }
a      { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none; }
img     { border:0px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */


voila mon image de fond ne s'affiche pas, pouvez vous m'aider?

Commentaire n°126 posté par sebastien le 29/06/2006 à 17h37
Il manque : après http ;)
Réponse de Fabrice B.. le 29/06/2006 à 23h21
ET LA POURQUOI CA NE MARCHE PAS AIDEZ MOI SVP /*---------------- elements principaux ---------------*/ body{margin:0px; padding:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background-image : url(http://idata.over-blog.com/0/37/07/71/naruto/041114180251-80.jpeg);} h1 { color: #5B6B7C; font-size: 20px; } /*titre des pages*/ h2 { color: #5B6B7C; font-size: 15px; } h3 { color: #5B6B7C; font-size: 12px; } a { text-decoration:underline; color:#5B6B7C; font-size:110%; } /* lien */ a:hover { text-decoration:none; color:#5B6B7C} legend { color:#5675A4; padding-left:5px; padding-right:5px;} li { list-style-type:none; } img { border:0px solid #FFFFFF; } /* image */ input { border:solid 1px #D8D7D7; font-size:100%; background-image : url(http://idata.over-blog.com/0/37/07/71/naruto/041114180251-80.jpeg);}/* bouton */
Commentaire n°127 posté par dn@ le 29/06/2006 à 19h02
parce que tu n'as pas ce code dans ton css.
Réponse de Fabrice B.. le 29/06/2006 à 23h21

( Je met ma demande d'aide ici car la bas personne ne semble y jeter un coups d'oeil ...)


 


J'essaye de mettre un fond mais sa ne change rien ... Je l'ai changé de place,etc mais rien n'y fait ... -_-




 




/* ---------- Elements Principaux ------------- */
body{ margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000; 
background-image:url(http://img385.imageshack.us/img385/5601/ayulayout23gf.jpg); background-repeat: no-repeat}
{background-article: #FF6699}
h1 { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2 { color: #5675A4; font-size: 15px; }
h3 { color: #5675A4; font-size: 12px; }
a { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none; }
img     { border:0px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */

Commentaire n°128 posté par Sélénia le 30/06/2006 à 22h39
Pas de lien > je vérifie comment ?
Réponse de Fabrice B.. le 01/07/2006 à 08h11
Voila, j'aimerais savoir comment mettre une seule image qui s'étire sur tout le fond de l'ecran et qui bouge avec l'ecran quand on defile de haut en bas et de droite à gauche.
Malheureusement je n'y arrive pas :s ...

Voila mon CSS:

/* ---------- Elements Principaux ------------- */
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:#FFFFFF; }
h1 { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2 { color: #5675A4; font-size: 15px; }
h3 { color: #5675A4; font-size: 12px; }
a { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend { color:#5675A4; padding-left:5px; padding-right:5px;}
li { list-style-type:none; }
img { border:0px; } /* image */
input { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */


Serait-tu m'aider?
Commentaire n°129 posté par jflexs le 21/04/2007 à 21h21
il faut avoir une image plutot grande (on ne peut pas modifier la taille en css).
Et se reporter à l'article sur les paramètres du fond d'écran ;)
Réponse de Fabrice B.. le 21/04/2007 à 23h19
Bonjour, j'essaye de changer mon fond d'écran, mais ça ne marche pas, j'ai pourtant fait ctrl F5, mais rien ne se passe, pouvez m'aider ?

Mon début de CCS donne ça :
/*---------------- elements principaux ---------------*/
/*---------------- les styles ci-dessous affectes l'ensemble des éléments de la page n'ayant pas de style propre ou hérité --------------*/
body {margin:0px; padding:0px; background-image:url(http://idata.over-blog.com/0/44/78/99/sans-titre3.jpg); font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}
Merci d'avance
Commentaire n°130 posté par tipoune1 le 23/04/2007 à 11h35
Je vois le fond d'écran...
Réponse de Fabrice B.. le 23/04/2007 à 13h43
Désolée, je pensais que si il y avait une faute, elle serait visible dans le code... j'ai mis l'adresse de mon blog, désolée!
Commentaire n°131 posté par Sélénia le 05/07/2006 à 18h22
Je vois bien le fond... Vide ton cache ;)
Réponse de Fabrice B.. le 06/07/2006 à 07h42
j'ai lu de haut en bas et plusieur fois la notice pour mettre un simple fond ecran et sa ne marche pas mon arriere plan reste blanc peut tu m'aider s'te plait fabice B.
Commentaire n°132 posté par chups le 08/07/2006 à 13h01
l'url de l'image est fausse ;)
Réponse de Fabrice B.. le 08/07/2006 à 19h05

help me cela n'affiche pas l'image que je veut. J'ai verifier le code il me semble bon AIDER MOI


/* ------ Elements Principaux ------ */
/* ------ CSS Vinéen By Vger ------ */
body { margin:0px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:small; color:#00000; background-color:#FFFFFF; background-image:url(http://idata.over-blog.com/0/38/40/39/bleucla-160.jpg); background-repeat:repeat; background-position:center; background-attachment:fixed; } /* -- Corp du blog (Style general du blog) -- */

Commentaire n°133 posté par romain le 12/07/2006 à 12h05
bonjour, j'ai réussi à rendre les modules transparents pour l'image de fond rajoutée sur notre blog, mais le bloc "articles" ne l'est toujours pas, comment faire?
Commentaire n°134 posté par lou le 19/07/2006 à 14h37

Salut,


Je viens de tout lire les articles, j'ai vérifié 10 fois l'adresse de mon image, j'ai re-re-re vérifié le css, j'ai fait des Ctrl F5 à gogo sur la page du blog, mais niet, ça veut pas. Faut-il attendre un certain temps avant de voir la mise à jour du backround se faire, ou bien j'ai une erreur ?


Voici le css :


/*fichier de structure général externe*/
@import url("/css/commonstruct1.css");/*ne pas enlever cette ligne qui permet l'evolution des css personnalisés*/
/***************************************/


/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background-image : url(http://idata.over-blog.com/0/37/82/58/fondcarnet04.jpg); }
h1      { color: #5675A4; font-size: 17px;margin-top:5px } /*titre des pages*/
h2      { color: #5675A4; font-size: 13px; }
h3      { color: #5675A4; font-size: 12px; }
a      { text-decoration:underline; color:#5675A4; font-size:110%; } /* lien */
a:hover { text-decoration:none; color:#9E9E9E}
legend  { color:#5675A4; padding-left:5px; padding-right:5px;}
li      { list-style-type:none; }
img     { border:0px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%;background:#FFFFFF; color:#5675A4; } /* bouton */


Merci d'avance, j'comprends po ...


 

Commentaire n°135 posté par guiGui le 19/07/2006 à 18h11
Hier, il valait mieux patienter quelques minutes... la preuve: ca marche ;)
Réponse de Fabrice B.. le 20/07/2006 à 08h04

Oui, apparemment fallait juste laisser mijoter un peu !


Bon, maintenant j'ai une autre question. Je me rends compte que les modules (à part le calendrier) sont "transparents" par rapport au fond que j'ai mis, or ce n'est pas ce que je voudrais. Je voudrais que les modules restent blancs.


J'ai cherché dans le over faq, dans la farfouille, sur le forum, j'ai essayé des trucs sur .box h2, mais aucun résultat, j'ai surement pas fait ce qu'il faut ...


 

Commentaire n°136 posté par guiGui le 21/07/2006 à 15h07

Juste une précision, parce que je sais pas si mon blabla était très clair ...


En fait, je voudrais que le fond des modules (articles récents, newsletter, archives etc ...) ne prenne pas le style du fond du blog, mais reste neutre (blanc), pour être plus lisible.


Voila.


Merci d'avance !

Commentaire n°137 posté par guiGui le 21/07/2006 à 15h11

/*fichier de structure général externe*/
@import url("/css/commonstruct2.css");/*ne pas enlever cette ligne qui permet l'evolution des css personnalisés*/
/***************************************/
/*---------------- elements principaux ---------------*/
/*---------------- les styles ci-dessous affectes l'ensemble des éléments de la page n'ayant pas de style propre ou hérité --------------*/
body {margin:0px; padding:0px; background-color: url(http://img.over-blog.com/100x100/0/25/27/65/jaune_0133.jpg); font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}
h1 {color: #682B01; font-size: 20px;}


Je vois pas ou je fais faux, maintenant le fond est blanc...

Commentaire n°138 posté par Marie le 23/07/2006 à 21h13
ce n'est pas un background-color mais un background ;)
Réponse de Fabrice B.. le 24/07/2006 à 08h41

Voila, jai passé toute mon apres midi à essayer de mettre une image venant de mon PC en fond d'écran. Jai refais les manip en suivant votre FAQ et blog. Mais rien n'apparait Soit je suis completement stupide soit il y a une erreur. Voila en espérant une réponse. Merci d'avance.


Voila mon CSS :


/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image: url(http://fdata.over-blog.com0/38/50/02/thumbs/155344281-small.jpg); background-repeat:no-repeat; background-position:center; background-attachement:fixed; }


 


 

Commentaire n°139 posté par AÚlys le 25/07/2006 à 17h30
Je veins de penser.  Est il obligatoire que limage soit hébergée ? Si oui, ce nest pas mon cas. Je ne suis chez aucun hébergeur. Voila je crois que cette info peut etre importante. Encore merci davance pour une réponse. (  je précise que jai lu tout les commentaires qui ont été posté ici. Et rien ne me correspondait)
Commentaire n°140 posté par AÚlys le 25/07/2006 à 17h37

Je vais  paraitre insistante mais jessaye et jessaye encore et meme en hébergeant l'image chez ImageShack...Jai essayais tous les lien qu'il me propose.  Rien ne se passe. Je vous passe mon Css avec un des liens  de ImageShack. ( ce que jai actuellement sur mon CSS actuelement)


/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image:url(http://img74.imageshack.us/my.php?image=eahya4nn5.jpg); background-repeat: no-repeat; background-position: center; background-attachement: fixed; }


Voila désolée du dérangement et bon courage.


( promis cest mon dernier message pour la journée ^_^)


Commentaire n°141 posté par AÚlys le 25/07/2006 à 17h49

Bonjour,


Je ne comprends pas pourquoi ça ne marche pas... Quelqu'un peut-il m'aider?


/* ---------- Elements Principaux ------------- */
body { margin: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: x-small; color: #00000; background-image: url(http://idata.over-blog.com/0/39/53/54/ks3.jpg);) }


Merci.

Commentaire n°142 posté par Ajyar le 31/07/2006 à 17h03
je ne vois pas cette ligne dans ton css...
Réponse de Fabrice B.. le 01/08/2006 à 08h58
/* ---------- Elements Principaux ------------- */
body{ margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:small;color:#00000; background-image:url(http://idata.over-blog.com/0/22/55/23/fonds/veronicaponce-2ps-cottagebluff.jpg) }


voilà ce que je veins de faire, mais le soucis c'est que cela ne met toujours pas de fond et cela me décale toutes mes collonnnes sur la droite et la gauche. merci de m'aider je ne comprend plus rien
Commentaire n°143 posté par sandisouri le 05/08/2006 à 08h17
oufff j'ai réussi!!!!!!
Commentaire n°144 posté par sandisouri le 05/08/2006 à 08h32

Bonjour !


Je commence un blog chez Over-blog, mais j'ai qq soucis de mise en forme : je voulais lui donner l'apparence un cahier (ou pages quadrillées, mais je ne trouve pas), j'ai donc été chercher un fond de page de type cahier à spirale (avec la spirale à gauche), j'ai réussi à l'installer dans le CSS (dans "body"), mais on n'apercevait le fond que sur les bords de la page (surtout à gauche et en bas, d'ailleurs), tout le reste (lintérieur) était blanc.


J'ai donc essayé de bidouiller pour rendre cet intérieur transparent, et après plusieurs tentatives, en agissant dans le "global", le "fond" est enfin devenu transparent, laissant apparaître les lignes du cahier, mais la spirale se répète à gauche !!!


Comment faire pour qu'il n'y ait qu'une seule spirale à gauche ? (l'image de fond semble avoir été rétrécie, c'est pour ça qu'elle se répète, je pense). Je me demande si ce n'est pas parce que l'image est trop large (un peu plus de 1000 pixels, alors que c'est censé être 600 laxi, c'est ça ? ). Peut-on trouver une solution à mon problème ?


D'avance, un grand merci !

Commentaire n°145 posté par bobby le 09/08/2006 à 16h38
juste pour dire que c'est bon, j'ai trouvé une solution ! bye
Commentaire n°146 posté par bobby le 10/08/2006 à 10h39
ça marche c génial !!!! merci !!!!
Commentaire n°147 posté par LN le 10/08/2006 à 12h28

j'avais un fond, pas de problème et puis mon image a disparu.


je suis retourné dans le CSS pour voir qi il y avait un problème, j'ai remis la photo et ca ne marche pas...


voilà ce que j'ai :


 


body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#8B0000;background-image:url(http://img217.imageshack.us/img217/3743/selfportrait2copiecb9.jpg) no-repeat top left #5675A4); }



y a t-il une erreure que je n'aurais pas vu ?



merci

Commentaire n°148 posté par séverine le 16/08/2006 à 15h36
background-image:   ==> background:
Réponse de Fabrice B.. le 16/08/2006 à 16h43
ca ne marche pas non plus ...
Commentaire n°149 posté par séverine le 16/08/2006 à 19h04
j'arrive même pas a mettre juste une couleur de fond, alors qu'avant tout marchait nickel... je ne comprends rien !
Commentaire n°150 posté par séverine le 16/08/2006 à 19h05

Rechercher

Texte Libre

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