GAELLE Posted January 25, 2009 Share Posted January 25, 2009 Bonjour,J'essaie de mettre un fond d'écran sur toutes mes pages mais je n y arrive pas.J'ai essayé plusieurs modifs dans le fichier global de mon dossier css :body {background-color: white; background-image : url ("images/bk.gif")mais mes pages apparaissent toujours avec un fond blanc.Quelqu'un à une idée? Merci Link to comment Share on other sites More sharing options...
Patric Posted January 25, 2009 Share Posted January 25, 2009 Déjà je ne suis pas sûr qu'il faille les " à “images/bk.gif”Ensuite, il faut mettre un chemin relatif par rapport à ton dossier css qui contient le global.css.Si ton dossier images est dans le même dossier que ton dossier css, alors le chemin sera :../images/bk.gifD'où :background-image : url (../images/bk.gif)Le ".." veut dire qu'on remonte du dossier css dans le dossier au dessus. Ensuite avec le /images on va dans le dossier images pour trouver le fichier global.css. Link to comment Share on other sites More sharing options...
GAELLE Posted January 25, 2009 Author Share Posted January 25, 2009 salutje viens de tester et aucune image n'apparait sur le site, la police à simplement doublé...Le dossier ou il faut copier l image est bien themes/prestashop/img ? Merci Link to comment Share on other sites More sharing options...
Patric Posted January 26, 2009 Share Posted January 26, 2009 je viens de tester et aucune image n'apparait sur le site, la police à simplement doublé...Le dossier ou il faut copier l image est bien themes/prestashop/img ? Je ne vois pas pourquoi ça aurait fait doubler la police...Par contre si tu mets ton image dans le dossier img, il faut l'appeler pareil, donc :background-image : url (../img/bk.gif) Link to comment Share on other sites More sharing options...
daYmo Posted January 26, 2009 Share Posted January 26, 2009 essaies avec le theme par défaut.Si tu veux un fond sur toutes tes pages c'est bien cela : dans ton fichier themes/ton_theme/css/global.cssbody { background: #000 url('../img/ton_fond.png') no-repeat; background-position: top center; background-attachment:fixed;}mets bien ton image dans themes/ton_theme/img/ comme le précise zendikvérifie que ton div #page n'a pas de background-color ... Link to comment Share on other sites More sharing options...
GAELLE Posted January 26, 2009 Author Share Posted January 26, 2009 Bonjour:j'ai essayé mais maintenant le fond de ma page est noir...Voici le code :/* PrestaShop CSS 18 used colors : 10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4 4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630 2 yellows: #f8e1a0 #f9e400 1 green: #488c40 1 red: #da0f00*/* { padding:0; margin:0;}body { background: #000 url(’../img/butterfly.gif’) no-repeat; background-position: top center; background-attachment:fixed; }ou est l'erreur ? Thanks ! Link to comment Share on other sites More sharing options...
GAELLE Posted January 26, 2009 Author Share Posted January 26, 2009 j'ai essayé ce code ci dessous et le fond de mes pages est blanc/* PrestaShop CSS 18 used colors : 10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4 4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630 2 yellows: #f8e1a0 #f9e400 1 green: #488c40 1 red: #da0f00*/* { padding:0; margin:0;}body { background-color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; text-align:center; background-image : url (../img/butterfly.gif) }/une idée ? Merci Link to comment Share on other sites More sharing options...
daYmo Posted January 27, 2009 Share Posted January 27, 2009 quelle est la taille de ton butterfly.gif ?envoie le butterfly.gif on t'envoie le global.css par rapport au global.css du thème prestashop avec ton image.Sinon tu mets aussi ton global.css en PJ.Ciao Link to comment Share on other sites More sharing options...
GAELLE Posted January 27, 2009 Author Share Posted January 27, 2009 Bonjour,Je veux insérer en arrière plan une image qui fait 52 ko, (c'est une image test) mais quelle est la taille idéale pour que la page soit rapide a télécharger ? et ou on met ce code dans le css : background-image : url (../img/bk.gif) ????Alors ca j'ai pas compris : Sinon tu mets aussi ton global.css en "PJ". Voici mon fond d'écran :http://i65.servimg.com/u/f65/11/55/44/54/ko10.jpgmerci ! Link to comment Share on other sites More sharing options...
daYmo Posted January 27, 2009 Share Posted January 27, 2009 En 800 x 600 pixels çà ne remplira pas ta page !donc disons qu'on la calle en haut et centré même si çà ne sera pas beau çà donne çà dans ton css : background: #fff url('http://i65.servimg.com/u/f65/11/55/44/54/ko10.jpg') no-repeat; background-position: top center; background-attachment:fixed; Franchement c'est exactement ce que l'on t'a décrit ! Mets le fichier css qui est en PJ (Pièce Jointe) de ce message et çà marche.Renomme le fichier global.css.txt en global.css Ciao global.css.txt Link to comment Share on other sites More sharing options...
GAELLE Posted January 27, 2009 Author Share Posted January 27, 2009 yes !!!yes !!! trop contente !merci à vous ca marche ! Link to comment Share on other sites More sharing options...
Patric Posted January 27, 2009 Share Posted January 27, 2009 Ca marche... mais avec une image du Web.Le but c'est d'y arriver avec une image de ta boutique. Donc la mettre dans le bon dossier et l'appeler avec le bon chemin. C'est à dire remplacer le : url('http://i65.servimg.com/u/f65/11/55/44/54/ko10.jpg') par ce qu'il faut. Link to comment Share on other sites More sharing options...
GAELLE Posted January 27, 2009 Author Share Posted January 27, 2009 je suis tellement contente que j ai oublié de vous poser une question : Quelle est la taille idéale d'une image en arrière plan ? (pour toute la page entière)merci! Link to comment Share on other sites More sharing options...
GAELLE Posted January 27, 2009 Author Share Posted January 27, 2009 zendick j comprend pas ..tu peux m'expliquer plus en détails stp ? Merci :-) Link to comment Share on other sites More sharing options...
Patric Posted January 27, 2009 Share Posted January 27, 2009 Dans ta CSS (global.css), tu as ajouté : background: #fff url('http://i65.servimg.com/u/f65/11/55/44/54/ko10.jpg') no-repeat; background-position: top center; background-attachment:fixed; Donc tu appelles l'image : http://i65.servimg.com/u/f65/11/55/44/54/ko10.jpg Qui se trouve sur Internet, sur servimg.com.Si tu utilises ça dans ta boutique, le jour où le site ferme, ton image n'apparaitra plus. Donc on fait pas comme ça.L'image (par exemple toto.gif), tu dois la mettre dans ton dossier :/themes/ton_theme/img/et remplacer dans global.css l'URL ci-dessus par :../img/toto.gifMaintenant que tu sait que ça marche, t'as plus que ça à tâtonner, touches pas au reste ! Link to comment Share on other sites More sharing options...
GAELLE Posted January 27, 2009 Author Share Posted January 27, 2009 merci encore T trop fort ! Link to comment Share on other sites More sharing options...
Patric Posted January 27, 2009 Share Posted January 27, 2009 merci encore T trop fort ! :red: Si tout est OK, merci de mettre [Résolu] dans le titre du topic en éditant ton premier post ! Link to comment Share on other sites More sharing options...
GAELLE Posted January 27, 2009 Author Share Posted January 27, 2009 encore besoin d aide !!Pour que l'image reste figé en haut à gauche, c'est quoi le code ? Merci ! Link to comment Share on other sites More sharing options...
GAELLE Posted January 27, 2009 Author Share Posted January 27, 2009 et comment mettre un arriere plan différent pour chaque categories ? merci !!! :bug: Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now