[v2.0] Mettre un fond d'écran

j'ai toujours pas réussi, je ne comprends pas. Est-ce du au fait que du jour au lendemain, inexplicablement, mon image de fond a disparu ainsi que mon en-tête (que lui j'ai réussi à remettre) ?

Commentaire n°151 posté par sÃÂ©verine le 17/08/2006 à 11h12

il y a donc personne pour m'aider ???

Commentaire n°152 posté par sÃÂ©verine le 18/08/2006 à 11h22

est il normal que le fond d'ecran ne s'affiche que derrier le cadre blanc : ex : toi ton fond est violet et les cadre blanc... j(aurais aime l'avoir sur le fond blanc!!!

Commentaire n°153 posté par lindsay le 24/08/2006 à 15h41

il faut supprimer le fond blanc, sur la ligne #global

Réponse de Fabrice B.. le 24/08/2006 à 17h53

Bonjour,

Mon message ressemble à tant d'autres...J'ai le même problème de fond d'écran...J'ai fait crtl+F5 et j'enregistre...Pour le CSS, s'il y a une faute je ne la vois pas....

CSS

/* ---------- 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/12/69/75/zed-art-digital-02089.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     { border:0px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */

Merci d'avance

Commentaire n°154 posté par Duke le 02/01/2006 à 13h51

Moi je vois ton fond...

Vide ton cache ;)

Réponse de Fabrice B. le 02/01/2006 à 17h48

Merci beaucoup Fabrice

En fait j'avais bon ; t'as raison c'est juste que je maitrise pas encore ce clavier et que le mode fonction (F5) était éteint, j'arrivais donc pas à vider mon cache...

Encore merci

Commentaire n°155 posté par Duke le 03/01/2006 à 11h00

salut j essaie de mettre un fond d ecran et je n y arrive pas en faisant f5 voici ce que j ai marque

background-image:urlhttp://idata.blog.com/0/19/67/13/thumbs/gouttes-violet.jpg); }
peut tu m aider merci

Commentaire n°156 posté par sandrine le 04/01/2006 à 15h12

Re salut j y suis arrive mais par contre je ne l ai pas en fond de l entete et pied de page est ce normal???? merci pour tes reponses

Commentaire n°157 posté par sandrine le 04/01/2006 à 17h05

oui, ton css définit un fond sur la ligne #top et la ligne #footer pour l'entete et le pied de page.

Réponse de Fabrice B. le 04/01/2006 à 17h58

re et merci de repondre si rapidement

est ce que je peut y remedier et une autre question j ai changer les modules et je voudrais pouvoir avoir une autre couleur en ecriture des modules y a til une liste et des explications pour le faire

en tout cas merciiiiiiiiiiiiiiiii pour ces aides

Commentaire n°158 posté par sandrine le 04/01/2006 à 18h40

Pour le relookage détaillé, passe chez peutetreuneréponse ou zoélie ;)

Réponse de Fabrice B. le 04/01/2006 à 23h31

Hélas ! Je n'y arrive pas ! Merci de ton aide ! Je me suis arrêtée au 30ème commentaire...

body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#00000, background-image: url(http://idata.over-blog/0/16/54/15/dessins/fond-champi-feu-rouge-by-skons.jpg);; background-repeat: repeat;}
h1      { color: #5675A4; font-size: 20px; } /*titre des pages*/
h2      { color: #5675A4; font-size: 15px; }

Commentaire n°159 posté par llh le 06/01/2006 à 00h52

l'url de l'image ne donne rien... ;)

Réponse de Fabrice B. le 06/01/2006 à 01h01

même comme ça... (http://idata.over-blog/0/16/54/15/dessins/fond-champi-feu-rouge-by-skons.jpg); background-repeat: repeat;}

Commentaire n°160 posté par llh le 06/01/2006 à 00h55

body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#00000, background-image: url(http://idata.over-blog/0/16/54/15/dessins/fond-champi-feu-rouge-by-skons.jpg)}

Commentaire n°161 posté par llh le 06/01/2006 à 00h57

C'est la cinquantième fois que j'essaie...

Commentaire n°162 posté par llh le 06/01/2006 à 11h02

Et ton url d'image est toujours FAUSSE.

Réponse de Fabrice B. le 06/01/2006 à 13h06

Ca y est je fais des progrès merci mais mon fond était moche...

Commentaire n°163 posté par llh le 07/01/2006 à 00h08

Bonjour Fabrice ,

voila j'ai le modele Red (le 4e) et je souhaiterais juste changer la couleur rouge, j'ai bcp lu et je trouve (comprends?) pas.

je sais que c'est un code CSS mais lequel et ou est il placé?

Je te remerçie.

Commentaire n°164 posté par mimi le 08/01/2006 à 12h20

pas possible comme ca.
il faut modifier la couleur rouge partout où elle apparait dans le css
ET modifier toutes les images rouges par d'autres d'une autre couleur.

Réponse de Fabrice B. le 08/01/2006 à 12h55

voilà moi j'ai mi un fons d'ecran mais les modules ne defiles pas dessu mais couvre le fond d'ecran doncca coupe les dessin que puis je faire?merci

Commentaire n°165 posté par pikatchu le 08/01/2006 à 20h24

déja jy connais rien en informatique et meme changer un fond d'écran cest l'enfer (je vénère les informaticiens, jsais pas comment ils font...), bref mon probleme c'est que je fais ce qui est conseillé, et je vide aussi le cache mais ça n'apparait pas.
Ce que je comprends pas cest pourquoi moi l'url de mon image, dans le CSS, se retrouve avant les trucs genre "verdana, sans serif" etc ?

Commentaire n°166 posté par Le K le 16/01/2006 à 11h50

Ha en fait j'ai réussi... (j'avais oublié le #74858C derriere...)

le pb cest que mon image apparait en mosaique... pour quelle fasse tout l'écran, qu'elle est la dimension idéale ?

Commentaire n°167 posté par Le K le 16/01/2006 à 11h58

ca dépend de la résolution de l'écran de tes visiteurs ;)

Réponse de Fabrice B. le 16/01/2006 à 12h07

hum ok, bah tant pis alors ^^'

jvais essayer de trouver un autre truc pour le fond :D

Commentaire n°168 posté par Le K le 16/01/2006 à 13h03

désolée j'ai pas compris ( de toutes façons je ne comprends rien )

merci quand même

P.S : et pour les bannières ? (chuis nulle )

Commentaire n°169 posté par Corsican Beauty le 13/02/2006 à 19h16

Salut Fabrice B
J'ai essayé (une bonne cinquantaine de fois) en suivant à la lettre toutes tes indications de modifier le fond d'écran de mon blog mais sans succès Je commence à m'enerver serieusement( il est vrai que j'ai bu 5 thés en moins de 2heures...) donc avant de casser mon ordi je préfère te demander ce qui cloche dans mon css. Merci d'avance.

/* ---------- 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/22/61/86/iles-004.jpeg);}

Commentaire n°170 posté par LÃÂ©lÃÂšne le 15/02/2006 à 01h27

le css a l'ai juste... il faut vider le cache (ctrl + F5 en regardant le blog)

Réponse de Fabrice B. le 15/02/2006 à 09h36

En fait ca a marché je sais pas comment donc désolé pour le dérangement et merci pour toutes les informations et astuces que tu mets à notre disposition...On a besoin de gens comme toi!!!

Commentaire n°171 posté par LÃÂ©lÃÂšne le 15/02/2006 à 01h33

bonjours je veut just savoir si li fau modifi les de background

Commentaire n°172 posté par jeremy le 20/02/2006 à 18h11

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/25/37/59/wallpaper2.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:#FFF; color:#5675A4; } /* bouton */

dit moi ou es l'ereur svp

Commentaire n°173 posté par jeremy le 20/02/2006 à 18h15

pas d'erreur, il faut vider ton cache..

Réponse de Fabrice B. le 20/02/2006 à 20h00

comment faut il fair pour que l'image ne se repet pas

Commentaire n°174 posté par jeremy le 21/02/2006 à 11h09

il faut lire la faq, rayon fond du blog..

Réponse de Fabrice B. le 21/02/2006 à 11h28

bon moi j'ai fé tt ce qu'il fallé mé y'a rien qui marche alors si quelqu'un pe m'aider ca serait bien bocou sympas de sa part regarder et dite moi ce qui va pas merci

/* ---------- 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-image: url (http://idata.over-blog.com/0/26/08/87/nature-087.jpg)

Commentaire n°175 posté par veroyou le 25/02/2006 à 00h05

il faut pas le mettre sur la ligne input, mais sur la ligne body..

Réponse de Fabrice B. le 25/02/2006 à 11h10

Bonjour je viens de creer un blog , j'ai tout suivi à la lettre mais aujourd'hui probleme : aucun changement possible dans le CSS snif!

est ce que vous pourriez m'aider?

Je vous colle une partie je ne crois pas me tromper, j'ai essayer d'autre image ou fonds et pareil rien ne se change meme en faisant ctrl F5!

Merci d'avance

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/25/82/34/design/rose-008.jpg); }

Commentaire n°176 posté par help please le 25/02/2006 à 13h16

Voila g tt modifier et encore rien se ne passe que faire stp !!!!

/* ---------- 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/26/08/87/nature-087.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°177 posté par veroyou59 le 26/02/2006 à 13h00

il manque une ) après l'adresse du fichier....

Réponse de Fabrice B. le 27/02/2006 à 11h15

moi, je desespère, certes j'suis pas douée en informatique, j'arrive à changer de couleur mais pas mettre une image de fond

body{margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#00000; background-image:http://idata.over-blog.com/0/16/10/81/100_0170bis.jpg;}

qu'est-ce qui cloche

Commentaire n°178 posté par charnelle le 27/02/2006 à 13h12

je dis de mettre url, etc... si tu fais pas...

Réponse de Fabrice B. le 27/02/2006 à 18h01

j'ai trouvé des erreurs mais toujours pas d'image, sniff

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/16/10/81/100_0170bis.jpg;}

merci pour votre aide

Commentaire n°179 posté par charnelle le 27/02/2006 à 13h20

il manque le ) à la fin ;)

Réponse de Fabrice B. le 27/02/2006 à 18h02

ç'est bon j'y arrive, sauf que la photo vient seulement sur le coté et en mosaique

Commentaire n°180 posté par charnelle le 27/02/2006 à 13h42

cf l'article sur les détails, dans fond du blog...

Réponse de Fabrice B. le 27/02/2006 à 18h03

/* ---------- 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/26/08/87/nature-087.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 */

Regarde parce que je crois que tt i é mé ca ne va tjrs pas g mm vider mon cache ctrl + F5

Alors dis moi koi je c qu'on va finir a i arriver et dsl de t'embeter

Commentaire n°181 posté par veroyou59 le 27/02/2006 à 20h19

y'a un ; qui traine au mauvais endroit dans l'adresse ;)

Réponse de Fabrice B. le 28/02/2006 à 10h12

ne fé plus attention au message précédent g réussi à le mettre encore merci pour tes conseils et à bientot

Commentaire n°182 posté par veroyou59 le 27/02/2006 à 20h32

Petit soucis encore g bien réussi a mettre le fond d'écran qd je v sur mon site y'a bien le fond par contre qd c une autre personne el ne voit aucun fond d'écran sur mon site comment ca se fait peux tu m'aider?

Commentaire n°183 posté par veroyou59 le 28/02/2006 à 11h09

Modifier le CCS n'existe pas !

Commentaire n°184 posté par szkbaleno le 07/03/2006 à 14h14

Si, en mode avancé.

Réponse de Fabrice B. le 07/03/2006 à 18h29

Bonjour! j ai mis un font d'écran mais dans les colones (ex: catégories,texte libre,newsletter ect) le fond de ca est transparent !
comment fait on pour que soit blanc?????

Merci d avance!

Commentaire n°185 posté par antoine le 09/03/2006 à 03h19

on met un fond de couleur blanche sur les lignes adquat: #leftnav et #rightnav...

Réponse de Fabrice B. le 09/03/2006 à 08h49

moi ca marche pas vraiment pas g vraiment besoin d'aide svp

---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image:
url(http://ddata.over-blog.com/xxxyyy/0/09/78/46/wallpaper99.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°186 posté par MIMI le 10/03/2006 à 20h11

il manque un ) à la fin de l'url ;)

Réponse de Fabrice B. le 10/03/2006 à 23h09

salut,

je suis comme tous ces gens, j'ai suivi a la lettre tes expications mais rien de s'affiche a l'ecran, je ne comprend pas . tu crois qu'il y a une erreur ? merci d'avance pour ton aide.

/*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;}
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-image : url(http://img.over-blog.com/100x100/0/25/87/69/source.jpg; color:#5675A4); } /* bouton */

Commentaire n°187 posté par larochette le 14/03/2006 à 12h55

1/ tu prends l'url de la vignette, tu auras une image toute petite.

2/ il manque une ) juste avant le ;

3/ tu le mets sur la ligne input et pas la ligne body...

Réponse de Fabrice B. le 14/03/2006 à 18h52

A LAIDE, jessai de mettre mon image en arier plan mais sa marche pas, g fai le ctrl + F5 g tout fai. Voila mon truk abituel :

/*---------------- 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:#CCD9E6; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}

h1      { color: #000000; font-size: 20px; } /*titre des pages*/
h2      { color: #000000; font-size: 15px; }
h3      { color: #000000; font-size: 12px; }
a      { text-decoration:underline; color:#336699; font-size:110%; } /* liens des pages */
a:hover { text-decoration:none; color:#000000} /* liens survoles*/
legend { color:#000000; padding-left:5px; padding-right:5px;}
li      { list-style-type:none; } /*listes non ordonnees*/
img     { border:0px solid #000000; } /* images */
input   { border:solid 1px #336699; font-size:100%; background-color:#FFFFFF; color:#000000; } /* boutons, champs texte */

/* --------------- Structure -------------------- */

Et voila limage ke je veu mettre en arier plan de mon blog : http://idata.over-blog.com/0/12/95/62/fond-decran-pr-le-site/051007194028-68.jpg

kelkun pourai maider et sa serai possilbe de me kenvoyer par email ou me rentre sur msn pr tou mespliker voila mon adresse : dark_mower@hotmail.fr

merci encore

Commentaire n°188 posté par geoffrey le 18/03/2006 à 02h22

si tu suis la procédure, ca fonctionne...

Réponse de Fabrice B. le 18/03/2006 à 03h07

G suivi la procedure !!!!!!!!! c bon di chu idio pendan ty ai

g fai tt mais sa marche pas pk ????

Commentaire n°189 posté par geoffrey le 19/03/2006 à 00h27

Je ne parle pas le sms, comme 80% des francais.
Et si je dis que tu n'as pas suivi la procédure, c'est que le css que tu montres ne comporte pas le code à ajouter....

Réponse de Fabrice B. le 19/03/2006 à 13h09

cela fait bientot plus d'une semaine que j'essaye de mettre un fond dans mon blog mais malheureusement rien ne ce passe. je vide mon cache .... et tjs rien. y a t il un moment precis pour vider son cache ?
pouvez vous m'indiquer ou est mon erreur, car j'en ai marre de me prendre la tete, sa a l'air tout simple mais .....

*****************************************

/*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://fdata.over-blog.com/0/25/87/69/source.jpg); color: #00000; }
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 */

*****************************

je te remerice vraiment de ton aide.

Commentaire n°190 posté par larochette le 19/03/2006 à 20h31

Wéé! j'ai réussi du premier coup! Merci!!

Commentaire n°191 posté par Park le 23/03/2006 à 17h30

Bonjour ,
Je voudrais mettre une couleur de fond sur le module "Photos".
Juste une couleur différente de mon fond d'écran, donc.
J'ai repéré dans l'étape 5 , l'endroit ou modifier ....mais je ne crois pas avoir fait le bon choix car j'ai toujours sur ce module la photo
générale de mon fond d'écran.
Voilà ma syntaxe acteulle :


* ------------------- Box -------------------- */
/definie le style des modules/
.box { background-color: #FFFFFF; position:relative; margin:0px; padding:0px; margin-bottom:10px;}

J'ai donc remplacé " background-transparent" par
background-color et le code couleur .
Mais rien n'y fait : j'ai le fond d'écran général que j'ai
choisi au lieu d'uen couleur unie.
Pouvez-vous m'indiquer où est mon erreur et tant
que j'y suis l'endroit oùse trouve dans la FAQ
la liste des codes couleurs utilisables.
Un grand merci.
A bientot.

Commentaire n°192 posté par Pierre le 01/10/2006 à 17h46

Presque juste ;)

rajoute plutot cette ligne en pied de ton css:
#Album {background: red;}

(en changeant la couleur)

Réponse de Fabrice B.. le 01/10/2006 à 19h09

Bonjour j'ai changé le css pour mettre un fond d'écran et ça ne marche pas, ni le curseur ! Pouvez-vous m'aider svp ?

body {margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background-image:url("http://fdata.over-blog.com/0/45/03/17/thumbs/fond-ecran/0159.jpeg")cursor:url("http://www.design-paimpollab.com/curs2/insec/2.ani")}
h1 {color: #682B01; font-size: 20px;}
/*titre des pages*/
h2 {color: #682B01; font-size: 15px;}
h3 {color: #682B01; font-size: 12px;}
a {text-decoration:underline; color:#7D7D55; font-size:110%;}

Commentaire n°193 posté par Lolo le 05/10/2006 à 22h30

il manque un ; juste avant cursor.

Réponse de Fabrice B.. le 05/10/2006 à 23h00

Yesssssssss ! merci beaucoup !

Commentaire n°194 posté par Lolo le 05/10/2006 à 23h12

Bonjour,
J'ai suivi vos instructions et j'ai donc rajouté une ligen en pied
de mon css .
Seulement, le problème, c'est que , maintenant, j'ai un fond blanc
partout ( c'est la couleur que j'ai choisi de rajouter en pied ).
Aussi bien sur la page d'accueil que sur les modules photos.
C'est pas le but .
Je voudrais un fond d'écran en page d'accueil et un fond blanc
uniquement sur les modules photos.
Voici la configuration actuelle :


Pour mon fond d'écran d'accueil , j'ai mis la syntaxe suivante :

/---------------- 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://62.233.33.227/0/42/76/32/fonds-d--a-cran.jpg)
;background-attachment:fixed; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}



En pied mon Css , j'ai rajouté la ligne que vous m'avez indiqué :

/-----------------------Album photo--------------------------/
.nomPhotoAlbum { font-size:large; color:#000000; text-align:center;}/nom de la photo affichée/
.quickNavAlbum{margin:0px; padding:0px; border:1px solid #668CB2; width:100%; text-align:center;}/liens de navigation rapide (precedent suivant retour)/
.quickNavAlbum a {text-decoration:none;} /liens de la navigation rapide/
.quickNavAlbum a:hover {text-decoration:underline;}/liens survole de navigation rapide/
.precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;}/liens et titre photo precedente/
.suivAlbum{ float:right; text-decoration:none; position:relative; padding:0px; margin:0px;}/liens et titre photo suivante/
.retourAlbum{ position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em;}/liens de retour album photo/
#centrethumbsAlbum{ background-color: #FFFFFF;}/contient les miniatures de l'accueil de l'album (non utilise)/
.thumbsAlbum { padding:2px; width:650px; margin-right:auto; margin-left:auto;}/miniatures de l'album contient toutes les miniautures/
.thumbAlbum { display:inline; margin:3px;}/div contenant une miniature/
.thumbAlbum img { border:1px solid #FFFFFF;}/miniature/
.thumbCouranteAlbum { display:inline; margin:3px;}/div contenant la miniature de la photo courante/
.thumbCouranteAlbum img { border:3px dashed #000000;}/miniature de la photo courante/
#photo{ text-align:center; }/div contenant la photo courante/
#photo img {margin: 2px auto; border:1px solid #000000;}/photo courante/
#Album {background: white;}

Pouvez-vous, s'il-vous-plaît me dire ou j'ai merdé !!!
Et me donner la bonne syntaxe pour gérer séparément le fond d'écran de l'accueil et le fond blanc des modules photos.

Merci d'avance pour votre aide précieuse !!
Amicalement.
Pierre

Commentaire n°195 posté par Pierre le 07/10/2006 à 09h38

J'ai bien réussi à mettre un fond d'écran mais comment faire pour que ce fond apparaisse aussi sur toute ma page et pas seulement sur les côtés ?

Commentaire n°196 posté par Lolo le 07/10/2006 à 22h45

Il faut modifier les paramètres des autres lignes.

Dans ton cas:
#global {margin-left:auto; background-color:#FFFFFF; margin-right:auto; position:relative; border:1px solid #682B01;}

Réponse de Fabrice B.. le 08/10/2006 à 01h40

Bonsoir Fabrice,

Je viens de suivre à la lettre tout ce que vous conseillez pour mettre un fond d'écran. Cela ne fonctionne pas après maintes tentatives.

Pouvez-vous voir ce qui ne va pas. Voilà un copier-coller de ce que j'ai dans le css :

/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;
http://idata.over-blog.com/0/25/85/92/divers/gifs-blog/nature-281.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:1px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */
Soyez gentil de me donner un coup de main parce que vraiment je ne m'en sort pas.

Merci de votre réponse,

Nadine de Trans en Provence

Commentaire n°197 posté par Nadine de Trans en Provence le 09/10/2006 à 00h53

il manque background: url, les parenthèses.. donc, presque tout...

Réponse de Fabrice B.. le 09/10/2006 à 09h25

Bonjour,

Sauf erreur de ma part, je n'ai pas eu de réponse à ma dernière question .

Pourriez-vous m'aider.Merci .

J'ai suivi vos instructions et j'ai donc rajouté une ligne en pied

de mon css .

Seulement, le problème, c'est que , maintenant, j'ai un fond blanc

partout ( c'est la couleur que j'ai choisi de rajouter en pied ).

Aussi bien sur la page d'accueil que sur les modules photos.

C'est pas le but .

Je voudrais un fond d'écran en page d'accueil et un fond blanc

uniquement sur les modules photos.

Voici la configuration actuelle :

Pour mon fond d'écran d'accueil , j'ai mis la syntaxe suivante :

/*---------------- 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://62.233.33.227/0/42/76/32/fonds-d--a-cran.jpg)

body

{ margin:0px; padding:0px; background-image:url(http://62.233.33.227/0/42/76/32/fonds-d--a-cran.jpg)

;background-attachment:fixed; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}

En pied mon Css , j'ai rajouté la ligne que vous m'avez indiqué :

/*-----------------------Album photo--------------------------*/

.nomPhotoAlbum { font-size:large; color:#000000; text-align:center;}/*nom de la photo affichée*/

.quickNavAlbum{margin:0px; padding:0px; border:1px solid #668CB2; width:100%; text-align:center;}/*liens de navigation rapide (precedent suivant retour)*/

.quickNavAlbum a {text-decoration:none;} /*liens de la navigation rapide*/

.quickNavAlbum a:hover {text-decoration:underline;}/*liens survole de navigation rapide*/

.precAlbum{ float:left; text-decoration:none; position:relative; padding:0px; margin:0px;}/*liens et titre photo precedente*/

.suivAlbum{ float:right; text-decoration:none; position:relative; padding:0px; margin:0px;}/*liens et titre photo suivante*/

.retourAlbum{ position:relative; text-decoration:none; padding:0px; margin:0px auto; width:6em;}/*liens de retour album photo*/

#centrethumbsAlbum{ background-color: #FFFFFF;}/*contient les miniatures de l'accueil de l'album (non utilise)*/

.thumbsAlbum { padding:2px; width:650px; margin-right:auto; margin-left:auto;}/*miniatures de l'album contient toutes les miniautures*/

.thumbAlbum { display:inline; margin:3px;}/*div contenant une miniature*/

.thumbAlbum img { border:1px solid #FFFFFF;}/*miniature*/

.thumbCouranteAlbum { display:inline; margin:3px;}/*div contenant la miniature de la photo courante*/

.thumbCouranteAlbum img { border:3px dashed #000000;}/*miniature de la photo courante*/

#photo{ text-align:center; }/*div contenant la photo courante*/

#photo img {margin: 2px auto; border:1px solid #000000;}/*photo courante*/

#Album {background: white;}

Pouvez-vous, s'il-vous-plaît me dire ou j'ai merdé !!!

Et me donner la bonne syntaxe pour gérer séparément le fond d'écran de l'accueil et le fond blanc des modules photos.

Merci d'avance pour votre aide précieuse !!

Amicalement.

Pierre

Commentaire n°198 posté par Pierre le 09/10/2006 à 10h27

Bonjour Fabrice,

Merci de m'avoir répondu. Oui, effectivement il manquait des éléments mais même en les rajoutant rien ne se faisait. Est-ce que le changement se voit tout de suite ?

En tout cas, tout à l'heure quand j'ai allumé mon pc et regardé le blog. Il n'y avait non seulement pas d'image de fond (ça à la limite c'est pas grave), mais en plus mon design a changé. Mon design actuel est le N°103. Et ce n'est plus celui-là. Si je choisi de même un autre design, rien ne change.

Je suis donc allée sur le design 103 j'ai copier-coller l'url de ce design.

Je pourrai le voir quand mon design ? Demain, j'espère que c'est revenu commen avant. Je suis paumée complètement...

Je te donne ce que j'ai dans mon CSS dans le mail d'après,

Nadine

Commentaire n°199 posté par Nadine de Trans en Provence le 09/10/2006 à 16h52

Si tu personnalises ton css, tu ne peux plus changer de design sauf en décochant la case "je veux personnaliser mon css".

Réponse de Fabrice B.. le 09/10/2006 à 22h13

Fabrice, c'est moi à nouveau.

Voilà ce que j'ai placé dans mon design pour revenir comme avant et qui doit correspondre au N°103

/* ---------- Elements Principaux ------------- */
body    { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background-image:url;(http://fdata.over-blog.com/modele/103/103.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:1px; } /* image */
input   { border:solid 1px #D8D7D7; font-size:100%; background:#FFFFFF; color:#5675A4; } /* bouton */

Dis-moi si j'ai fait comme il faut et s'il faut que j'attende demain pour voir si ça a marché où bien si toi tu peux voir dans mon CSS.

Merci de me répondre gentiment comme tu l'as fait, je suis perdue et je me fais un sang d'encre. Oui, tu me diras que quand on n'y connaît rien en informatique, il vaut mieux ne pas toucher au CSS. Je m'en aperçois à présent.

Je l'avais déjà fait pour des choses minimes mais là c'est la cata !

Nadine de Trans en Provence

Commentaire n°200 posté par Nadine de Trans en Provence le 09/10/2006 à 16h58

Pour voir une modification, il faut vider le cache.

et tu as un ; en trop après url ;)

Réponse de Fabrice B.. le 09/10/2006 à 22h13

Accueil