comment mettre une image de fond

[jerome1]

bonjour, sur mon site http://www.maudboutique.fr ,
j'ai actuellement un fond rose, je voudrais le remplacer par une image,
comme je dois faire?

[Divine]

Bonjour,

Dans ton fichier global.css, tu remplaces la couleur de #body par l'appel de ton image (que tu dois mettre dans le dossier img de ton thème)

[jeckyl]

Salut,

cela fait longtemps que je n'ai pas fait référence à http://www.alsacreations.com/tutoriels/ mais si vous souhaitez faire des modifications css, c'est le meilleur endroit pour trouver une réponse à vos attentes et apprendre pleins de trucs et astuces.

[jerome1]

merci,

j'ai remplacé la ligne couleur de #body par

background:url('../img/fond.png');

mais cela ne marche pas
es-que j'ai fait une erreur

[Divine]

Bonjour,

Essaye plutôt: background: url("../img/fond.png");
Et vérifie bien que ton image est placée dans le dossier img de ton thème.

[jerome1]

aucun changement
voici ce que j'ai mis ligne 16 de body {

background: url(”../img/fond.png”);

color:#5D717E;

font-family:Verdana,Arial,Helvetica,Sans-Serif;

font-size:11px;

text-align:center;



j'ai bien mis mon image dans img de mon thème
qu'esque je dois faire alors?

[Divine]

Bin quand je vais voir sur ta boutique je ne vois pas cette ligne...

[jerome1]

je parle de la ligne 16 de mon fichier global.css de mon thème

cela ne marche pas

[jeckyl]

je parle de la ligne 16 de mon fichier global.css de mon thème

cela ne marche pas

Oui, mais nous lorsque l'on va sur ta boutique regarder le ligne 16 il n'apparait aucuns changements. Donc comment vérifier que tu as bien écrit cette partie si nous ne pouvons pas vérifier directement ?

[Cbouba]

Salut,

a la place de background-color: #F7D6E8; du global.css remplace par juste background : url(../img/fond.png) .

background : url(../img/fond.png) repeat; --> pour repeter l'image

suivi si tu veux de fixed ou scroll ou meme repeat-x ( repeter sur x).

Par contre met background en plus ou vire background-color.

Ne pas oublié de mettre le ; en fin de ligne.

bonne chance

[Maury Girard]

Jerome1
En gros, remplacez ceci

body {
   background-color: white;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align:center;
}

Par

}
body {
       -moz-background-clip:border;
       -moz-background-inline-policy:continuous;
       -moz-background-origin:padding;
       background:url("../img/fond.png") repeat fixed center center #ffffff; 
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align:center;
}  

Votre image n'est pas obligé d'être en .png , vous vppouvez aussi attribuer un .jpg
dans le global.css
exemple:

   background:#000 url(../img/fond.jpg) no-repeat scroll center;

Biensur, n'oubliez pas de mettre votre image(fond.png) dans le bon répertoire
à savoir
FTP/prestashop/themes/prestashop/img/


Cordialement,

[jerome1]

ok ont ny est presque

seulement maintenant j'ai l'image qui prend tous la page alors que je veux juste une image de fond et le milieux de mon site là ou il y à les module en blanc ?
Comment faire dans ces cas là?

[jeckyl]

Bonjour,


Vous pourriez peut être laisser le milieu de votre image blanche par exemple.

[jerome1]

en faite voila comment j'ai fait pour obtenir un fond mauve et le centre blanc

dans globall.css

body {
background-color:#AE4D77;


puis dans la ligne page

#page {
background-color:#FFFFFF;


en faite je veux savoir commant je dois faire pour mettre une image a la place de
body {
background-color:#AE4D77;


??

[jerome1]

au faite j'ai reussi j'ai remplacer par
background : url(../img/fond.png) repeat;

mais maintenant comment je fait pour pas répéter l'image ?

[jeckyl]

au faite j'ai reussi j'ai remplacer par
background : url(../img/fond.png) repeat;

mais maintenant comment je fait pour pas répéter l'image ?

Regardes juste au dessus ce que te propose les gens et tu trouveras ta réponse.

[Bouh]

repeat - image répétée
no-repeat - image non répétée


Maury Girard la très bien expliqué :

body {
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   background:#000 url(../img/fond.png) no-repeat scroll center;
   background-color: white;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #601060;
   text-align:center;
} 

[Maury Girard]

ok ont ny est presque

seulement maintenant j'ai l'image qui prend tous la page alors que je veux juste une image de fond et le milieux de mon site là ou il y à les module en blanc ?
Comment faire dans ces cas là?

C'est simple il suffit d'attribuer un espace blanc dans votre image
comme l'exemple que vous trouverez en pièce jointe
Après , un peu d'huile de doigts + des idées de création et le tour est joué.

P.S: cette image en (1280 x 1024 )est en .png que vous pouvez toujours modifier au format .jpg

Cordialement,

[Maury Girard]

jerome1
Si vous désirez attribuer une ombre (ou dégradé) au niveau du fond blanc .
voici l'image adéquate en pièce jointe


Si nous avons répondu avec votre demande.
Merci de bien vouloir Sélectionner EDIT sur votre 1er post et de mettre la mention [Résolu]
dans & devant le titre de ce Post

Cordialement,